javascript - Safari 中滚动不稳定

Question

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

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

Answer 1

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

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