Jquery对滚动固定位置

Question

如何制作div块，它将在站点的滚动条(位置:固定)的一个点开始滚动，并在另一个点结束滚动。

http://postimage.org/image/oka20h80z/

块开始滚动在第一个黑色行，结束滚动在第二个黑色行，并保持

<div class="header"></div>
<div class="wrapper">
    <div class="content"></div>
    <div class="slider"></div>
</div>
<div class="footer"></div>

Answer 1

你需要使用scrolltop。就像

if( scrollTop() > 500 ){
  selector.css('position', 'fixed');
}
if( scrollTop() > 1000 ){
  selector.css('position', 'relative');
}

像这样。如果它已经滚动超过500px，让它的位置固定。