javascript - 如何用内部 div 滚动临时替换主滚动

Question

此页面包含将滚动整个页面的主滚动条和将滚动第 1 部分的部分滚动条 1，在这种情况下，主滚动条将在到达第 1 部分时停止滚动，并在第 1 部分完成滚动后继续滚动。这意味着，当第 1 部分位于窗口顶部时，主滚动条将暂时被第 1 部分滚动条取代，有人可以帮我解决这个问题吗？我最近发现了 leafo 的 sticky-kit，但我认为这个插件不能解决这个问题

Answer 1

试试这个:

$(function(){
    $(document).scroll(function(){
        $('#wrapper').stop().animate({
            scrollTop : $(this).scrollTop()
        });            
    });
});

CSS

html, body {
    padding:0;
}

body {
    height:3000px;
}

#wrapper {

    height:300px;
    overflow:scroll;
    background-color:yellow;
    top:100px;
}

Updated Demo