21

我在网页上的 iOS Safari 中遇到垂直滚动问题:滚动时,页面移动速度非常慢,阻力很大(iOS 浏览器不常见这种行为)

我尝试定位问题:

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

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

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

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

4

1 回答 1

17

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

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

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

于 2014-06-04T13:48:50.097 回答