-webkit-overflow-scrolling的定向错误：触摸

Posted 2021-04-21

我一直在玩-webkit-overflow-scrolling：touch;有一段时间我随机得到以下问题：

我只需要滚动顶部/底部（宽度固定），但有时用户需要向左和向右滚动才能触发垂直滚动。

换句话说，用户必须水平滚动以使容器垂直滚动。

再次它是随机的，有时它只是有效。 我已经检查了滚动中子元素的所有相对位置。 有什么想法吗 ？

答案

我还有一个永远不会破坏的卷轴，通过查看里面的html，我意识到如果你应用-webkit-overflow-scrolling：touch;在ul元素中它永远不会破坏。

过去打破的卷轴里面有很多元素，而我所要做的就是让ul元素分别滚动。

干杯

另一答案

陷入同样的​​问题，一直在努力，直到我这样做：

将overflow-y: scroll改为overflow: scroll。我现在已经将页面加载了近20次并且没有经历左/右上/下奇怪。

另一答案

我在使用多个iframe的复杂Web应用程序上工作。我有一个window.setInterval设置，它从隐藏的iframe中删除原生滚动并将其添加到可见的iframe中。这很有效，除了我遇到了同样的问题，我不得不向左/向右滑动向上滚动。我注意到，如果您打开或单击其他浏览器选项卡，然后单击它修复自己。我们通过在将原生滚动应用于可见iframe后添加以下jQuery来修复我们的问题：

$(window).height($(window).height());

我认为这必须强制重绘类似于单击不同的选项卡，然后单击返回。希望这有助于处于类似情况的人！

另一答案

正如Graygilmore的评论中所述。这对我有用：

//注意2019-04-09：[参考链接已删除]

确保可滚动区域的父元素不可见：hidden或display：none。