我在网页上的iOS Safari中遇到垂直滚动问题:在滚动时,页面以非常慢的方式移动,具有高阻力(这种行为对于iOS浏览器来说并不常见)
我尝试找到问题:
<!-- piece of HTML listing -->
<body>
<div id="wrapper">
(here goes some content)
</div>
</body>
我在overflow-x:hidden;
的{{1}}规则中检测到问题,将其更改为'overflow:hidden;'或者在Web调试面板中动态删除它。
有没有机会在不改变页面布局的情况下修复它?
在Safari / iOS 6.1.4和7(包括iPad和iPhone)上重复,也在OS X上的iOS模拟器中重复。
答案 0 :(得分:14)
您可以尝试将webkit特定的css行添加到div:
#wrapper{
-webkit-overflow-scrolling: touch;
}
详细了解动量和ios滚动:http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/