抖動視差滾動

我寫了一個網站使用視差效果，並有一些問題與緊張表現。抖動視差滾動

使用CSS3縮放比例和調整大小縮放頁面，使用JavaScript/jQuery自動調整頁面大小。

在滾動上，使用包裝盒上的滾動位置（僅在內部的視差背景）定位背景。使用CSS頂部位置在滾動事件上移動圖像背景。圖像有一個邊距偏移量，以使圖像位置靜止不動。我已經啓用了圖形加速功能，並且在滾動時仍然會出現抖動圖像。

我發現，CSS3變換比例不適用於固定位置。

任何其他解決方案？

2016-08-01 tonoslfx

通過JS設置位置一般比較緊張的是，「平滑」一個你鏈接是使用在固定位置的圖像背景，而不是用頁面動畫。 – DBS

是不是有沒有像https://ihatetomatoes.net/demos/parallax-scroll-effect/那樣使用現成解決方案的原因？ –

我沒有使用插件的原因是因爲在身體標籤上使用css3中的變換比例縮放頁面要求。 – tonoslfx

您是否嘗試過使用CSS固定背景：

background-attachment: fixed;

順利視差網站的示例使用此，通常是最好的方法在內容移動時保持背景不變。

2016-08-01 14:23:34 Danno

我相信頁面資源也可以進行優化以提高頁面性能。我注意到當你的頁面完全加載時，滯後似乎更少，所以我認爲存在優化問題。

下面是分析鏈接我使用應該與一些能夠幫助：

2016-08-01 16:30:15

回答