背景并不完全覆盖

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; 
}