SubMenu / HTML 容器在 iPhone 上不滚动,但在所有其他设备上滚动

SubMenu / HTML Container not Scrolling on iPhone, but Does Scroll on All Other Devices

我有一个网站移动菜单,当您 select 其中一个菜单项 ('Practice Areas') 时,它有一个包含 11 个列表项的子菜单。我在父菜单和子菜单本身上都设置了 overflow-y:scroll

在小型桌面 window 高度尺寸/Android 设备上,子菜单会根据需要滚动以显示所有项目。

但是,当我在 iPhone 上查看它时,子菜单不会滚动。我在父元素和子元素上都设置了 -webkit-overflow-scrolling: touch; 属性

由于问题的性质,我无法将其上传到 CodePen 等,因为屏幕视图无法复制正确的移动视图 window。我把问题上传到这里:The Problem

任何对此的解决方案都会非常棒。 (显然你需要一个 iPhone 来帮助解决这个问题)

我通过向子菜单元素添加高度值 (100%) 解决了这个问题,因此它在 Safari 中工作