Javascript 在Safari中jQuery视差滞后

Javascript 在Safari中jQuery视差滞后,javascript,jquery,safari,webkit,Javascript,Jquery,Safari,Webkit,我有一个脚本,我正在使用它来创建视差样式的效果。它会在用户滚动时更新图像的css left属性 它在firefox中看起来非常平滑,但在safari中看起来非常糟糕(与chrome相同,但没有safari的程度) 对于这个问题,有没有任何人知道的解决方案 更新 我很想展示一些代码,但这是为客户设计的,我不想公开任何设计 它使用了大量基于百分比缩放的大型图像,我认为这是这里的主要问题。删除设计中的一个较大图像后,滚动时的延迟似乎大大减少了。如果您能提供一个示例来说明这个问题,这会有所帮助。也就是说

我有一个脚本,我正在使用它来创建视差样式的效果。它会在用户滚动时更新图像的css left属性

它在firefox中看起来非常平滑,但在safari中看起来非常糟糕(与chrome相同,但没有safari的程度)

对于这个问题,有没有任何人知道的解决方案

更新

我很想展示一些代码,但这是为客户设计的,我不想公开任何设计


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

如果您能提供一个示例来说明这个问题,这会有所帮助。也就是说,您可以使用CSS转换在Safari和Chrome中平滑移动:

大概是这样的:

img {
    -webkit-transition-property: left;
    -webkit-transition-duration: 0.5s;
}
您需要调整持续时间以达到预期效果。同时更改选择器,使其仅与所讨论的图像匹配;此示例匹配文档中的所有图像