使用-webkit-溢出-滚动在IOS 5中滚动的问题

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (24)

我有一个高度固定的HTML页面DIV它应该是可滚动的(仅垂直)。在IOS 5中,这可以通过以下方法实现:

overflow-y: auto;
-webkit-overflow-scrolling: touch;

DIV包含一个无序列表,其中包含大约10项。

滚动工作,但有时它滚动,只有当我滑动我的手指对角,甚至水平,而不是垂直,因为它应该是。

我想知道是否有人遇到过这个问题。我不想认为它是iOS 5中的一个bug,但我不知道我做错了什么,因为大多数时候它都很好用。

提问于
用户回答回答于

我在通过Ajax加载可滚动节点并将它们附加到js时偶然发现了这个问题。

我发现用js重新设置webkit溢出滚动属性可以节省时间。

JS代码:

var myDiv = $('.myDiv');
myDiv.css('-webkit-overflow-scrolling','auto');
function fn(){
    myDiv.css('-webkit-overflow-scrolling','touch');
}
setTimeout(fn,500);

我们不得不叫他们setTimeout方法但这是我唯一能想到的方法..。

编辑:小心display:none

WebKit溢出iPad上滚动触摸CSS缺陷

用户回答回答于

我也有同样的问题。这个问题原来是由两个零大小的,如果我的网站用来跟踪历史变化和加载脚本。移除这些问题解决了问题。我向苹果提交了一个窃听器,等待他们的回复。

检查一下,看看你的页面上是否有任何的IFRAME,它们可能是原因。

扫码关注云+社区