ページを下にスクロールするとき、および 2 番目の div が上部の境界に達したときに、2 番目の div を貼り付けたいと思いました。修正されると、他のページと一緒にスクロールするはずです。どうすればこれを達成できますか?
#settings{
width:100%;
background:#383838;
height:60px;
}
#menu{
width:100%;
position:relative;
height:100px;
background:#aaa;
}
#body-content{
height:900px;
position:relative;
}
そしてHTML
<body>
<div id="top">
<div id="settings">
</div>
<div id="menu">
</div>
</div>
<div id="body-content">
</div>
</body>
この例http://jsfiddle.net/WBur3/では、ページをスクロールするときに 2 番目の div を修正する必要があります。上にスクロールすると、前の状態そのものに変わるはずです。私を助けてください。