滚动锁定在iOS中

Question

在iPhone上浏览Safari时,我的移动网站上有一个奇怪的问题(5,6).当我打开左侧幻灯片菜单然后打开一个子菜单(即电子解决方案),其中有相当多的项目无法垂直放在屏幕上时,向下滚动触摸将被锁定,无法查看子菜单中的其余元素.但是,如果我打开另一个子菜单(即行业),之前的子菜单保持打开状态,向下滚动解锁并正常工作,现在我可以查看第一个子菜单中的其他元素.我尝试了什么:我检查了overflow所有这些元素,没有看错,也添加-webkit-overflow-scrolling了身体的触摸,但仍然没有运气.我还有哪些其他选择？

Answer 1

据我所知，您使用 -webkit-overflow-scrolling:touchat.sidebar-menu但不是 at the .submenu，尽管这不应该是问题，但您也可以尝试将其添加到子菜单中。另外，您的.sidebar-menuno是overflow:hidden我推荐的，这可能是您问题的原因。

根据我的经验，iOS 的滚动确实很糟糕，如果你有很多分层元素，就很难跟踪。另请阅读https://remysharp.com/2012/05/24/issues-with-position-fixed-scrolling-on-ios它可能会给您一些想法。