将页面滚动到某个点，然后开始使用一个滚动条滚动div的溢出内容

Question

我在了解如何使页面的滚动条滚动页面的溢出内容而不是滚动页面到页面的一些信息后某一点。

最终结果是将页面滚动到头部不再可见的程度，但从此处向前滚动div的内容 - 使用主滚动条而不是两个嵌套滚动条。

如果用户再次向上滚动，以使div内容再次位于顶部，则页面应该继续滚动并再次显示标题。

Answer 1

你可以使用你的元素的scrollTop property做到这一点。首先你需要确定你的头端（点滚动的窗口）：

var header = $('#header'); 
var headerBottom = header.offset().top + header.height(); 

然后，你可以在你的窗口的滚动条动画到这个位置：

$(window).animate({scrollTop: headerBottom}); 

一旦被送往照管，然后您会得到您想要的任何元素的引用，然后滚动并动画它的scrollTop位置（与上面的片段相同的代码滚动window）。

最后，你需要一个scroll event handler所以你可以决定什么时候是时候改变哪个元素你被滚动的内容：

$(window).scroll(function(){ 
    // logic to determine which element should be scrolling 
});