<div class="top">

 　　　　·····内容

 </div>

 <div class="scroll"></div>

 <div class="bottom">

 　　　　·······内容

 </div>

 .sfixed{

 　　position:fixed;

 　　top:0px;

 　　left:0px;

 　　z-index:;

 }

 .scroll{

 　　······样式

 }

 <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>