问题在iOS 5中使用滚动

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

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

div包含一个约10个项目的无序列表。

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

我想知道是否有人遇到过这个问题。 我不想认为这是iOS5中的一个错误,但我无法弄清楚我做错了什么,因为大部分时间它工作正常。


我有完全相同的问题。 问题原来是由我的网站用于跟踪历史更改和加载脚本的两个零大小的iframe引起的。 删除这些解决了这个问题。 我向苹果提交了一个bug,等待他们回复。

检查您的页面上是否有任何iframe,它们可能是原因。


我发现了一个黑客解决方案,但它需要JavaScript ...

我在通过ajax加载可滚动节点并追加js的时候偶然发现了这个问题。

我发现用js重置-webkit-overflow-scrolling属性保存了一天

JS CODE:

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错误


你需要把这个css设置放在你的css文件中 - 你使用content_css配置变量加载的那个:

body {
    -webkit-transform: translate3d(0, 0, 0);
}

另一种选择是直接从tinymce初始化中的代码设置css:

$(tinymce.activeEditor.getBody()).css('-webkit-transform', translate3d(0, 0, 0));
链接地址: http://www.djcxy.com/p/95631.html

上一篇: Issue with scrolling in iOS 5 using

下一篇: position: fixed doesn't work on iPad and iPhone