背景が完全に広がっていない

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