javascript - Safari 中的 jQuery 视差滞后

Question

我有一个用于创建视差样式效果的脚本。当用户滚动时，它会更新图像的 css left 属性。

它在 Firefox 中看起来非常平滑，但在 safari 中它看起来非常糟糕（与 chrome 相同，但没有 safari 的程度）。

是否有任何人都知道的这个问题的解决方案？

更新

我很想展示一些代码，但它是针对客户的，我不想公开任何设计。

它使用了大量基于百分比缩放的大图像，我认为这是这里的主要问题。移除设计中较大的图像之一后，滚动时的延迟似乎大大减少。

Answer 1

如果您可以在jsfiddle.net上提供一个说明问题的示例，将会有所帮助。话虽如此，您可以通过使用 CSS 过渡来平滑 Safari 和 Chrome 中的移动：http: //developer.apple.com/library/safari/#documentation/InternetWeb/Conceptual/SafariVisualEffectsProgGuide/AnimatingCSSTransitions/AnimatingCSSTransitions。 html

像这样的东西：

img {
    -webkit-transition-property: left;
    -webkit-transition-duration: 0.5s;
}

您将需要调整持续时间以达到所需的效果。还要更改选择器以仅匹配有问题的图像；此示例匹配文档中的所有图像。