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

Question

我目前有一个元素可以在页面滚动上滚动，并且我希望它在大约750px后停止，因为它目前与较小的显示器上的页脚重叠。

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

我当前的脚本如下，并且效果很好，只有我不确定是否可以编辑该脚本以在某个时候停止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处理诸如位置之类的事情，因为它是如此可变。 在dom之上，请查看jquery-position库以获得不错的抽象。