javascript - Safari 中滚动不稳定

标签 javascript html css

我的微网站有问题。当我滚动时,它在除 Safari 之外的所有浏览器中都非常流畅。当我在 Safari 中滚动时,内容 div 会频繁跳跃或移动(它应该留在原地)并使滚动看起来不稳定。您知道哪里出了问题吗?

这是网站:
http://beta.dynamicdust.com

最佳答案

我没有检查我的答案与 Jack 的答案相比如何,但我认为问题在于 Safari 试图非常节能。因此,除非需要,否则它会犹豫是否启用硬件加速。人们用来强制硬件加速的一个常见技巧是放置 -webkit-transform: translate3d(0, 0, 0); 进入正在移动的 div 的 css。我在 content class 上试了一下,好像好一点。您也可以尝试将其应用于其他图层。

编辑:我也将它应用于左右文本持有者 div,页面现在看起来和 Chrome 一样流畅。

关于javascript - Safari 中滚动不稳定,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24156709/

相关文章:

javascript - 如何将点击事件附加到分配给特定类名称的所有 div?

html - 如何在 Bootstrap 网格中放置详细 View

html - 如果我将表格用于 html 表单,SEO 会发生什么情况?

html - CSS Float 设置为向右但向左浮动

c# - 为什么 css 样式不适用于 javascript 中的匹配行?

关于 var 声明的 JavaScript 行为解释

javascript - 异步 Javascript 程序如何交互

css - CSS 选择器规范冲突中的优先级(类型选择器与类选择器)

javascript - 如何从 TypeScript NodeJS 应用程序中的 CommonJS 模块导出 Mongoose 模型

html - 自动完成从数据库中获取数据不起作用