.page
これが問題です。ページに絶対に配置されたdivがあります。内部には.container
div があり、コンテナ内には.content
s があります。
に.page
は一定の高さがあるため、コンテンツは 内でスクロールされます.page
。この状況では、.stuck
div を.page
. (上記の文法的な間違いを犯したに違いありません!)
とにかく、フィデル:
更新:のスクロールに関係なく、 を.stuck
上部に固定したい。.page
.page
これはレイアウトです:
<div class="page">
<div class="container">
<div class="content"></div>
<div class="stuck"></div>
</div>
</div>
そして私の(動作していない)css:
.page{
position: absolute;
top:50px;
left:200px;
width:200px;
height:300px;
overflow:auto;
}
.container{
position:relative;
}
.stuck{
position: absolute;
top:0;
right:0;
left:0;
height:50px;
background:blue;
}
.content{
height:700px;
background:gray;
}
青い.stuck
divが常にdivの一番上にあるようにし.page
ます。何か助けはありますか?
更新:
注:簡単なトリックは、と の同じ位置と幅を作る.stuck
ことかもしれませんが、 の座標はいつでもJSで変わる可能性があるため、それは私の答えではありません。positions:fixed
.page
.page