javascript - 带垂直滚动条的div滚动条 "main"

Question

我有一个内容很大且高度给定的 div。 div 有一个滚动条。我想要的是删除这个滚动条并让 de div 内容随主滚动条滚动。当到达 div 内容末尾时，主滚动条应滚动页面的其余部分。

1. “蓝色”div 中没有滚动条。
2. 获取主滚动条
3. 向下滚动意味着滚动，如果到达 div，则滚动 div 内容，直到内容末尾，然后滚动到页脚。

我已经在上面花了两个晚上了，现在我真的已经完成了。这可能吗？

Jsfiddle:https://jsfiddle.net/og3r2169/

CSS

#container{
width: 80%;
margin: 0 auto;
}

#container-content {
background-color: grey;
width: 100%;
overflow: Hidden;
height: 600px
}

#content { 
background-color: blue;
max-height: 500px;
overflow: auto;
}

#footer {
background-color: red;
height: 200px;  
}

Answer 1

你试过这个吗: js:

$(document).ready(function(){

$('#container-content').scroll(function(){

var element = $('#content'),
        originalY = element.offset().top;
         var scrollTop = $('#container-content').scrollTop();
         if(scrollTop>=originalY){

         $('#content').animate({scrollTop:"+=50"});
         return false;
         }
});

});

CSS:

#container{
width: 80%;
margin: 0 auto;
overflow: hidden;
}

#container-content {
background-color: grey;
width: 100%;
overflow: scroll;
height: 400px
}

#content {
background-color: blue;
max-height: 500px;
overflow: hidden;
}

#footer {
background-color: red;
height: 200px;  
}

fiddel