javascript - Safari 损坏的滚动

Question

所以我这里有这个网站http://x.red-rhino.com/calhoun我在我的 safari 浏览器上遇到断断续续的滚动。我已经在 OS X 10.10.4 safari 最新更新、iPhone 6 safari(两个最新更新)、air book 和 macbook pro 以及 iPhone 4 上测试了这个和 5s .. 这似乎也是 IOS 上的一个问题，而不是 OS X 或 WINDOWS

当您滚动并放开时，它会立即停止滚动，因此很难到达底部。通常在网站上滚动时会滑动一点(我忘记了这个术语)但在我的网站上它没有这样做。我禁用了一堆插件，以防它们是问题所在，但它似乎并没有解决它..

我想知道是否有人能帮我解决很多问题，我尝试使用谷歌搜索并花了很多时间对此进行研究，但我无法弄清楚，因为这似乎只是我网站的问题，而不是我测试的其他人。

非常感谢 :)

Answer 1

一般的解决方案是添加这条规则:

html, body {
    -webkit-overflow-scrolling: touch;
}

它也可以只用于选定的元素(宽表大多溢出屏幕)。它被称为动量滚动(如果你想用谷歌搜索的话)。这是来自 MDN 的更多内容: https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling