我有一个带有固定高度的div的超文本标记语言页面,它应该是可滚动的(只能垂直滚动)。在iOS 5中,这可以使用以下命令来实现:
overflow-y: auto;
-webkit-overflow-scrolling: touch;
div包含一个无序列表,其中包含大约10个项目。
滚动是有效的,但有时只有当我的手指对角甚至水平而不是垂直滑动时,它才会滚动。
我想知道是否有人遇到过这个问题。我不想认为这是iOS5中的一个错误,但我不知道我做错了什么,因为大多数时候它工作得很好。
发布于 2012-01-03 11:36:32
我也有同样的问题。这个问题原来是由两个零大小的iframe引起的,我的站点使用它们来跟踪历史记录更改和加载脚本。删除这些已解决此问题。我向苹果提交了一个bug,等待他们的回复。
检查页面上是否有任何iframe,它们可能是原因。
发布于 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
发布于 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));
https://stackoverflow.com/questions/7992952
复制相似问题