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

时间:2012-07-18 01:28:04

标签: css ios5 webkit scroll mobile-safari

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

我只需要滚动顶部/底部(宽度固定),但有时用户需要向左和向右滚动 触发垂直滚动。

换句话说,用户必须水平滚动才能使容器垂直滚动。

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

4 个答案:

答案 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());

我认为这必须强制重新绘制,类似于单击其他选项卡,然后单击后退。希望这可以帮助处于类似情况的人!