實現在某一指定位置的div在窗口滾動到指定位置的時候fixed定位

HTML：

<div class="top">
　　　　·····內容
</div>
<div class="scroll"></div>
<div class="bottom">
　　　　·······內容
</div>

CSS:

.sfixed{
　　position:fixed;
　　top:0px;
　　left:0px;
　　z-index:10;
}
.scroll{
　　······樣式
}

Jq:

<script>

　　　　var top1=$(".scroll").offset().top;

　　　　$(window).scroll(function(){

　　　　　　var  win_top=$(this).scrollTop();

　　　　　　var  top=$(".scroll").offset().top;

　　　　　　if(win_top>=top){

　　　　　　　　$(".scroll").addClass("sfixed");

　　　　　　}//如果此處用else判斷來remove sfixed這個類的話是不行的，因為當加上這個類的時候，".scroll"這個元素fixed的top值是0，獲取到的offset.top就相當於是當前滾動條的滾動的距離，win_top與top值就一直相等了，這樣會導致抖動；只有與以前的距離做比較才能實現滑上去的時候能回到原來的位置。

　　　　　　if(win_top<top1){

　　　　　　　　$(".scroll").removeClass("sfixed");

　　　　　　}

　　　　})

　　</script>

 效果：與最初的top值比較：

 

　　不與最初的top值比較，直接else：

思路：滑下來的時候，如果此時滾動條到頂部的距離大於最初那個div到頂部的距離的時候就讓這個div固定定位；

　　　滑上去的時候，如果此時滾動條到頂部的距離比原來div到頂部的距離的時候就去掉固定定位的屬性。