在pagescroll上滚动div，但在一定数量后停止

Question

我目前有一个元素在页面滚动上滚动，并且我期待在750px左右之后停止，因为它当前与较小的显示器上的页脚重叠。

我发现了一些其他的例子，这些例子需要对我的代码进行一些重构，我试图避免这些例子，因为各种其他例子必须具有与彼此相关的某些div才能停止滚动div点在页面上。

我当前的脚本是下面和wrks很大，只有我不确定编辑这个在某一点停止DIV：

<script type="text/javascript"> 
$(function(){ 
var btn = $('.overview-wrap'); 
var btnPosTop = btn.offset().top; 
var win = $(window); 
win.scroll(function(e){ 
    var scrollTop = win.scrollTop(); 
    if(scrollTop >= btnPosTop){ 
     btn.css({position:'fixed',top:0,marginTop:0}); 
    }else if(btn.css('position') === 'fixed'){ 
     btn.css({position:'',top:'',marginTop:'20px'}); 
    } 
}); 
}); 
</script> 

任何指针将不胜感激。

Answer 1

就个人而言，我不喜欢直接与DOM的东西像位置处理，因为它是如此的变量。查看jquery-position库以获取dom顶部的很好的抽象。