在页面滚动上滚动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之上获得一个很好的抽象。