Question

所以我在这里有http://x.red-rhino.com/calhoun这个网站，我在我的safari浏览器上遇到了断断续续的乱码。我在OS X 10.10.4 safari最新更新，iPhone 6 safari上测试过这个最新更新），航空书和macbook pro，以及iPhone 4和5s ..在IOS而不是OS X或WINDOWS上似乎更像是一个问题

当你滚动并放开它时会立即停止滚动，这使得它很难到达底部。通常在网站上滚动时如果滑动一点（我忘了这个术语），但在我的网站上它没有这样做。我禁用了一堆插件，因为它们是问题但它似乎没有解决它..

我想知道是否有人能够帮助我，我尝试谷歌搜索并花了很多时间研究这个，但我无法弄清楚，因为它似乎只是我的网站的一个问题而不是我测试的其他人。

非常感谢：）

Answer 1

一般解决方案是添加此规则：

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

它也可以仅用于选定的元素（主要是溢出屏幕的宽表）。它被称为动量滚动（如果你想谷歌它）。这里有更多的forom MDN： https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling

Answer 2

所以我似乎找到了一个临时的解决方案..不太确定这是否是正确的方法，但它现在似乎有效......

html, body {
    width: 100%;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

Safari破碎滚动

2 个答案: