jQuery 視差滯后於 Safari

Question

我有一個用於創建視差樣式效果的腳本。 它會在用戶滾動時更新圖像的 css 左側屬性。

它在 firefox 中看起來非常流暢，但在 safari 中它看起來非常糟糕（與 chrome 相同，但沒有達到 safari 的程度）。

有沒有人知道這個問題的解決方案？

更新

我很想展示一些代碼，但這是給客戶的，我不想公開任何設計。

它使用了大量基於百分比縮放的大圖像，我認為這是這里的主要問題。 在刪除設計中的一張較大圖像后，滾動時的延遲似乎大大減少了。

Answer 1

如果您可以在jsfiddle.net上提供一個說明問題的示例，將會有所幫助。 也就是說，您可以使用 CSS 轉換來平滑 Safari 和 Chrome 中的移動： http://developer.apple.com/library/safari/#documentation/Inte.netWeb/Conceptual/SafariVisualEffectsProgGuide/AnimatingCSSTransitions/ AnimatingCSSTransitions.html

像這樣：

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

您將需要調整持續時間以達到所需的效果。 還要更改選擇器以僅匹配有問題的圖像； 此示例匹配文檔中的所有圖像。