我一直在玩-webkit-overflow-scrolling:touch;有一段时间我随机得到以下问题:
我只需要滚动顶部/底部(宽度固定),但有时用户需要向左和向右滚动 触发垂直滚动。
换句话说,用户必须水平滚动才能使容器垂直滚动。
它再次是随机的,有时它只是起作用。
我已经检查了滚动中子元素的所有相对位置。
有什么想法吗?
答案 0 :(得分:0)
我还有一个永远不会破坏的卷轴,通过查看里面的html,我意识到如果你应用-webkit-overflow-scrolling:touch;在ul元素中它永远不会破坏。
以前用于打破的卷轴中包含许多元素,而我所要做的就是将ul元素分别滚动。
欢呼声
答案 1 :(得分:0)
遇到同样的问题,在我这样做之前一直在努力奋斗:
将overflow-y: scroll
更改为overflow: scroll
。我现在已经将页面加载了近20次并且没有经历过左/右上/下奇怪。
答案 2 :(得分:0)
正如Graygilmore的评论所述。这对我有用:
//注意2019-04-09:[参考链接已删除]
确保可滚动区域的父元素不可见:hidden或display:none。
答案 3 :(得分:0)
我处理使用多个iframe的复杂Web应用程序。我有一个window.setInterval设置,它从隐藏的iframe中删除原生滚动并将其添加到可见的iframe中。这很有效,除了我遇到了同样的问题,我不得不向左/向右滑动向上滚动。我注意到,如果您打开或单击其他浏览器选项卡,然后单击它修复自己。我们通过在将原生滚动应用于可见iframe后添加以下jQuery来修复我们的问题:
$(window).height($(window).height());
我认为这必须强制重新绘制,类似于单击其他选项卡,然后单击后退。希望这可以帮助处于类似情况的人!