ユーザーとページの背景のスクロールがあります

ユーザーと背景をスクロールするのに問題があります。私はトップの12％が白で、6％が白で、残りは青であることを希望します。ユーザーがページの一番下にあるときにのみ、上の白を表示し、ユーザーがページの下にいるときには、下の白を表示するようにします。ユーザーとページの背景のスクロールがあります

Here's an image of the page, zoom in to fit your screen then scroll so you get the idea of what I'm going for.

任意の助けいただければ幸いです。

あなたが絶対代わりの はこのようを固定位置を使用する必要が

<body> 
<div id="bg-top"></div> 
</body> 
<style> 

body { 
    background-color: #ffffff; 
    position: scrolling; 
} 
#bg-top { 
    background-color: #00b9ff; 
    position: scrolling; 
    top: 12%; 
    position: fixed; 
    bottom: 6%; 
    left: 0%; 
    right: 0%; 
    z-index: -1; 
} 


</style>

出典

2017-11-19 HTMLHelp

：私は

body { 
 
    margin:0; 
 
    padding:0; 
 
    background-color: #ffffff; 
 
    position: relative; 
 
    min-height:1000px; 
 
} 
 

 
#bg-top { 
 
    background-color: #00b9ff; 
 
    top: 12%; 
 
    position: absolute; 
 
    bottom: 6%; 
 
    left: 0%; 
 
    right: 0%; 
 
    z-index: -1; 
 
}

<div id="bg-top"></div>

結果の見え方が体の高さに大きな価値を置く

出典

2017-11-19 12:41:23

それはうまくいったのですが、ページの両側に白い境界線が少しありますが、これを取り除く方法を知っていますか？ – HTMLHelp

@HTMLHelpはいボディに 'margin：0'を追加するだけで、私の答えは更新されます;） –

すばらしい、ありがとう！ – HTMLHelp

ユーザーとページの背景のスクロールがあります

答えて

関連する問題