Safari中的jQuery视差滞后

Question

我有一个脚本，我用来创建一个视差风格的效果。它会在用户滚动时更新图像的css left属性。

它在firefox中看起来非常流畅，但在safari中它看起来非常臭虫（与chrome相同但不是徒步旅行的程度）。

有没有人知道这个问题的解决方案？

更新

我想展示一些代码，但这是为了客户而我不想让任何设计公开。

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

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;
}

您需要调整持续时间以达到所需效果。同时更改选择器以匹配相关图像;此示例匹配文档中的所有图像。