Javascript 视差在 Mac 上很慢

Question

我做了一个用JS改变背景图片的视差页面

translateY(- ... px)' 

与 firewatch website 上看到的相同.

在 Windows 上，它运行良好、流畅。但是，在 macOS 上，它只能在 Safari 中顺利运行。所有其他浏览器都滞后、断断续续，我找不到答案。我尝试了 CSS 过渡，但没有帮助。为什么看火人视差滞后？我是根据 this 编码的指导

Answer 1

您必须允许浏览器使用 GPU，将 translateY(...) 替换为 transform: translate3d(0, ..., 0)。这将强制浏览器使用 GPU 进行渲染，它应该可以更流畅地工作。