滚动锁定在 iOS答案

【问题标题】：Scrolling locked in iOS滚动锁定在 iOS
【发布时间】：2015-12-07 19:32:50
【问题描述】：

当我在 iPhone (5, 6) 上的 Safari 浏览器中查看我的移动网站时，我遇到了一个奇怪的问题。当我打开左侧滑动菜单，然后打开一个子菜单（即电气解决方案），其中有很多无法垂直显示在屏幕上的项目时，向下滚动触摸被锁定并且无法查看子菜单中的其余元素。但是，如果我打开另一个子菜单（即行业）而之前的子菜单保持打开状态，向下滚动解锁并正常工作，现在我可以查看第一个子菜单中的其他元素。我尝试了什么：我检查了所有这些元素中的overflow，看起来没有任何问题，并且还在身体上添加了-webkit-overflow-scrolling 触摸，但仍然没有运气。我还有哪些其他要检查的选项？

【问题讨论】：

查看 [this][1] 答案，也许您会在这里找到有用的东西。 [1]：stackoverflow.com/questions/5271521/…
@JosipIvic 那是xcode，问题是关于移动网站的
请发布代码，以便人们可以查看问题并复制它
另外，我会在你的赏金消失之前奖励它。只是让你知道
@RohanJhunjhunwala Rohan，我尝试过的 IOS 解决了这个问题。您可以在提到的网站上看到代码。但是有些iOS在解决后仍然存在这个问题。

标签： javascript html ios css

【解决方案1】：

据我所知，你使用 -webkit-overflow-scrolling:touch 在.sidebar-menu 但不在.submenu，虽然这应该不是问题，但您也可以尝试将其添加到子菜单中。其他情况是您的.sidebar-menu 没有overflow:hidden，我建议您这样做，这可能是您的问题的原因。

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

【讨论】：

非常感谢。但是，如果您以后可以阐明为什么有 2 个子菜单没有错误或其他原因。
是的，这是一个很好的观点，我真的不知道。这似乎与行为不一致。