固定位置背景 - Chrome問題

我最近組合了一個使用固定圖像的背景，並在文本上滾動文字。當我使用chrome（而不是其他任何瀏覽器）時，滾動在背景之間停止工作，暫停大約一秒鐘，然後繼續。我不知道如何解決這個問題，所以任何建議表示讚賞。固定位置背景 - Chrome問題

下面是該網站的鏈接：http://umdtamid.com/

來源

2017-08-10 A. Pollack

我已經試過了，它能正常工作與我的谷歌瀏覽器！沒有停頓。 – ziMtyth

你可以試着快速瀏覽它嗎？ –

我正在使用版本60.0.3112.90（官方版本）（64位）。沒有一個問題，請確保Chrome是最新的。還測試了FireFox，Opera，Safari以及移動Safari和Chrome和FireFox手機，沒有問題。 – Brxxn

在測試了Chrome和有同樣的問題。當你滾動的東西被加載時（延遲加載原理但可能有點不同），它可能是可能的嗎？

來源

2017-08-10 15:21:15

我相信這是因爲下一個背景沒有加載和渲染，直到它在視圖中。你的圖像質量非常高，所以我們可以注意到延遲。

（請注意，它只有當你第一次向下滾動每兩個背景之間發生一次。）

嘗試減少圖像的大小，或與CSS或JavaScript預載的圖片。

要與JS

<script> 
    bg1 = new Image(); 
    bg2 = new Image(); 
    bg3 = new Image(); 
    bg1.src="url here"; 
    bg2.src="url here"; 
    bg3.src="url here"; 
</script>

預緊力與CSS僅預裝

body:after{ 
    position:absolute; z-index:-1; 
    content: url(bg1.png) url(bg2.png) url(bg3.png); 
}

來源

2017-08-10 15:25:11 Jiayang

我如何預加載CSS中的圖像？ –

@ A.Pollack我編輯了答案。你可以試試。 – Jiayang

固定位置背景 - Chrome問題

回答

相關問題