我的微网站有问题。当我滚动时,它在除 Safari 之外的所有浏览器中都非常流畅。当我在 Safari 中滚动时,内容 div 会频繁跳跃或移动(它应该留在原地)并使滚动看起来不稳定。您知道哪里出了问题吗?
最佳答案
我没有检查我的答案与 Jack 的答案相比如何,但我认为问题在于 Safari 试图非常节能。因此,除非需要,否则它会犹豫是否启用硬件加速。人们用来强制硬件加速的一个常见技巧是放置
-webkit-transform: translate3d(0, 0, 0);
进入正在移动的 div 的 css。我在 content class 上试了一下,好像好一点。您也可以尝试将其应用于其他图层。
编辑:我也将它应用于左右文本持有者 div,页面现在看起来和 Chrome 一样流畅。
关于javascript - Safari 中滚动不稳定,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24156709/