在iOS中锁定滚动



当我在iPhone(5, 6)上的Safari中查看我的移动网站时,我遇到了一个奇怪的问题。当我打开左边的幻灯片菜单,然后打开一个子菜单(即Electrical Solutions),其中有相当多的项目无法垂直放置在屏幕上时,向下滚动触摸被锁定,无法查看子菜单中的其余元素。但是,如果我打开另一个子菜单(即工业)与以前的子菜单保持打开,向下滚动解锁并正常工作,现在我可以查看第一个子菜单中的其他元素。我尝试了什么:我检查了所有这些元素中的overflow,没有什么看起来不对,并且还添加了-webkit-overflow-scrolling触摸到身体,但仍然没有运气。我还有什么其他选项可以选择?

就我所见你使用-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,它可能会给你一些想法。

最新更新