預先登錄html會讓谷歌瀏覽器跳動

目前，我有一個網站，其中一個欄（帶有各種鏈接）預先添加到主體（實際上附加到源，但它被呈現在頁面的頂部，因此預設爲結果）使用javascript。這個Javascript動態加載通過初始化腳本（加載jquery等）。一旦jquery被加載，腳本就會運行以追加頂部條。在大多數瀏覽器（Firefox，Internet Explorer，Safari）中，它只是立即渲染條形圖，但谷歌瀏覽器（可能是因爲它嘗試儘早渲染，使其在大多數頁面上更快）首先渲染頁面，然後渲染欄，並使頁面每次渲染時都跳到〜40px。預先登錄html會讓谷歌瀏覽器跳動

我覺得這整個跳躍相當醜陋和煩人，所以有沒有人有解決這個問題的想法？

來源

2010-02-18 user163365

看來解決方案比我想象的更簡單，我只需要在所有其他腳本和樣式之前將<script>置於<head>的頂部。

來源

2010-02-24 14:26:34 user163365

爲什麼不使用CSS爲bar預留空間？

來源

2010-02-18 12:37:33

我已經動態加載JavaScript中的CSS。將javacript添加到頁面本身不是一種選擇，因爲該欄必須適用於大量頁面，並且單個腳本行應該足夠。 – user163365 2010-02-18 12:43:57

你可以在body之前留下填充，然後用js加載的css將其刪除（我認爲bar會在那裏）。 – 2010-02-19 10:01:44

預先登錄html會讓谷歌瀏覽器跳動

回答

相關問題