javascript - Safari 损坏的滚动

标签 javascript jquery ios css safari

所以我这里有这个网站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

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

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

非常感谢 :)

最佳答案

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

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

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

关于javascript - Safari 损坏的滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31248625/

相关文章:

ios - Firebase InvalidPathValidation hasChild 在 Swift 中

ios - MPRemoteCommandCenter 控制中心暂停按钮即使在音频文件暂停后也不会更新

JavaScript 判断 url 标签是否匹配

javascript - 学习 MongoDB 如何使用 2 个集合中的数据进行查找

javascript - 自动更改 Twitter Bootstrap 选项卡

ios - 我如何将内容置于 View Controller 的中心,以便无论 xamarin Storyboard 中使用什么设备尺寸,它始终居中?

javascript - 理解这个 Javascript 函数

javascript - 过滤 JavaScript 数组时避免空值

asp.net-mvc - 在 MVC3 中使用 jQuery DataTables 插件和 jQuery Ajax

php - SQL SELECT 语句 + Ajax 不起作用