在iOS 5中使用-webkit-overflow-scrolling滚动时出现问题
在iOS 5中使用-webkit-overflow-scrolling滚动时出现问题
提问于 2011-11-03 17:55:38
我有一个带有固定高度的div的超文本标记语言页面，它应该是可滚动的(只能垂直滚动)。在iOS 5中，这可以使用以下命令来实现：
overflow-y: auto;
-webkit-overflow-scrolling: touch;div包含一个无序列表，其中包含大约10个项目。
滚动是有效的，但有时只有当我的手指对角甚至水平而不是垂直滑动时，它才会滚动。
我想知道是否有人遇到过这个问题。我不想认为这是iOS5中的一个错误，但我不知道我做错了什么，因为大多数时候它工作得很好。
回答 4
Stack Overflow用户
发布于 2012-01-03 11:36:32
我也有同样的问题。这个问题原来是由两个零大小的iframe引起的，我的站点使用它们来跟踪历史记录更改和加载脚本。删除这些已解决此问题。我向苹果提交了一个bug，等待他们的回复。
检查页面上是否有任何iframe，它们可能是原因。
Stack Overflow用户
发布于 2012-10-18 22:13:27
我已经找到了一个很好的解决方案，但它需要javascript...
我是在通过ajax加载可滚动节点并附加js时遇到这个问题的。
我发现用js重置-webkit-overflow-scrolling属性节省了时间。
JS代码：
var myDiv = $('.myDiv');
myDiv.css('-webkit-overflow-scrolling','auto');
function fn(){
myDiv.css('-webkit-overflow-scrolling','touch');
}
setTimeout(fn,500);我们不得不调用setTimeout方法，这真的很糟糕，但这是我能想到的唯一方法...
编辑:注意display:none
Stack Overflow用户
发布于 2012-06-29 14:22:05
您需要将此css设置放入css文件中-使用content_css配置变量加载的文件：
body {
-webkit-transform: translate3d(0, 0, 0);
}另一种选择是在tinymce初始化时直接从代码设置css：
$(tinymce.activeEditor.getBody()).css('-webkit-transform', translate3d(0, 0, 0));页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/7992952
复制相关文章
相似问题