背景並不完全覆蓋

Question

我製作了一個css預裝載器，它有一些顏色的背景和一個彈跳球。然而，背景並未完全跨越窗口。預加載器出現之前的頁面是可滾動的，當我嘗試重新加載頁面時，預加載器背景並未覆蓋整個頁面，而是直到窗口大小從頂部。 在這個問題中提到了預加載器代碼：Preloader does not fade out online 幫助讚賞。

Answer 1

更改position: absolute;至position: fixed;並添加width: 100%;。

如果它不填充整個頁面使用height: 100vh;而不是百分比值。

所以#loader應該是這個樣子：

#loader { 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    width: 100%; 
    height: 100vh; 
    background-color: #0f2338; 
    z-index: 99; 
}