iOS Safari垂直滚动感觉粘滞(没有动量)

时间:2013-09-25 07:05:08

标签: ios safari scroll overflow

我在网页上的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模拟器中重复。

1 个答案:

答案 0 :(得分:14)

您可以尝试将webkit特定的css行添加到div:

#wrapper{
    -webkit-overflow-scrolling: touch;
}

详细了解动量和ios滚动:http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/