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

Art*_*dov 19 safari scroll overflow ios

我在网页上的iOS Safari中遇到了垂直滚动的问题:在滚动时,页面以非常慢的方式移动,具有高阻力(这种行为对于iOS浏览器来说并不常见)

我试图找到问题:

<!-- piece of HTML listing -->
<body>
    <div id="wrapper">
          (here goes some content)
    </div>
</body>
Run Code Online (Sandbox Code Playgroud)

我在overflow-x:hidden;规则中检测到问题div#wrapper,将其更改为'overflow:hidden;' 或者在Web调试面板中动态删除它.

有没有机会在不改变页面布局的情况下修复它?

在Safari/iOS 6.1.4和7(包括iPad和iPhone)上重复,也在OS X上的iOS模拟器中重复.

Rec*_*bot 15

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

#wrapper{
    -webkit-overflow-scrolling: touch;
}
Run Code Online (Sandbox Code Playgroud)

阅读更多关于动量和ios滚动的信息:http://css-tricks.com/snippets/css/momentum-scrolling-on-ios-overflow-elements/