我一直在玩 -webkit-overflow-scrolling:touch; 有一段时间,我随机遇到以下问题:
我只需要滚动顶部/底部(宽度固定),但有时用户需要左右滚动才能触发垂直滚动。
换句话说,用户必须水平滚动才能使容器垂直滚动。
再次它是随机的,有时它只是工作。
我已经检查了滚动中子元素的所有相对位置。
有什么想法吗 ?
我一直在玩 -webkit-overflow-scrolling:touch; 有一段时间,我随机遇到以下问题:
我只需要滚动顶部/底部(宽度固定),但有时用户需要左右滚动才能触发垂直滚动。
换句话说,用户必须水平滚动才能使容器垂直滚动。
再次它是随机的,有时它只是工作。
我已经检查了滚动中子元素的所有相对位置。
有什么想法吗 ?
我还有一个永不损坏的滚动条,通过查看其中的 html,我意识到如果您应用 -webkit-overflow-scrolling:touch; 在 ul 元素中它永远不会破裂。
曾经破坏的滚动中有许多元素,我所要做的就是使 ul 元素可单独滚动。
干杯
遇到同样的问题,一直在苦苦挣扎,直到我这样做:
改为。overflow-y: scroll
_ overflow: scroll
我现在已经加载了将近 20 次页面,并且没有经历过左/右上/下的怪异现象。
正如 Graygilmore 的评论中所述。这对我有用:
// 注意 2019-04-09:[引用的链接已删除]
确保可滚动区域的父元素没有可见性:隐藏或显示:无。
我在一个使用多个 iframe 的复杂 Web 应用程序上工作。我有一个 window.setInterval 设置,它从隐藏的 iframe 中删除本机滚动并将其添加到可见的 iframe。这很好用,除了我遇到了同样的问题,我必须向左/向右滑动才能向上滚动。我注意到如果您打开或单击不同的浏览器选项卡,然后单击返回它会自行修复。在将原生滚动应用到可见 iframe 后,我们通过添加以下 jQuery 解决了我们的问题:
$(window).height($(window).height());
我认为这必须强制重新绘制,类似于单击不同的选项卡然后单击返回。希望这可以帮助处于类似情况的人!