我有一个网站移动菜单，当您选择菜单项之一（“练习区”）时，它具有一个包含11个列表项的子菜单。我在父菜单和子菜单上都设置了overflow-y:scroll。
在小型桌面窗口高度尺寸/ Android设备上，子菜单会根据需要滚动以显示所有项目。
但是，当我在iPhone上观看时，子菜单不会滚动。我确实在父元素和子元素上都设置了-webkit-overflow-scrolling: touch;属性
由于问题的性质，我无法将其上传到CodePen等，因为屏幕视图无法复制正确的移动查看窗口。我已经在这里上传了问题：The Problem
任何解决方案都将如此惊人。 （显然，您将需要使用iPhone来帮助它）
我通过在子菜单元素中添加高度值（100％）来解决此问题，因此可以在Safari中使用