Javascript 带“垂直”的div滚动条；“主要”；滚动条

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

“蓝色”分区中没有滚动条

获取一个主滚动条

向下滚动意味着滚动，若达到div，滚动div内容，直到内容结束，然后滚动到页脚

我已经准备好了，花了两个晚上在这上面，现在我真的受够了。这可能吗

Jsfiddle：

CSS

你试过这个吗： js:

css:

您是否尝试过以下方法： js:

css:

只要改变一件事：

#content {
  overflow: visible;
}

这将保持

#容器的全长，并让周围的元素进行滚动

小提琴：只要改变一件事：

#content {
  overflow: visible;
}

这将保持
#容器的全长，并让周围的元素进行滚动

fiddle:
您只是想禁用div滚动？然后不完全拆下
最大高度：500px
。我想禁用它，但主垂直（浏览器）滚动条需要滚动div。我知道如何禁用div scrolbar，就在这里，我的示例是，可以使用脚本，但只需删除最大高度，就可以在视觉上实现同样的效果，所以我不明白你为什么要这样做。。。这只会在浏览器上增加非常不必要的工作负载，这可能会导致糟糕的用户体验。@LGSon：我想要这样做是因为我有一个背景图像，并且这个图像不允许增长/重复等。我想在其上放置一个div，其中包含站点的主要内容。内容比背景图像的高度大得多。所以我想给div一个最大高度，但是我不想使用div本身的滚动条，但是你用
后台附件解决了这个问题：修复了
你只想禁用div滚动吗？然后不完全拆下
最大高度：500px
。我想禁用它，但主垂直（浏览器）滚动条需要滚动div。我知道如何禁用div scrolbar，就在这里，我的示例是，可以使用脚本，但只需删除最大高度，就可以在视觉上实现同样的效果，所以我不明白你为什么要这样做。。。这只会在浏览器上增加非常不必要的工作负载，这可能会导致糟糕的用户体验。@LGSon：我想要这样做是因为我有一个背景图像，并且这个图像不允许增长/重复等。我想在其上放置一个div，其中包含站点的主要内容。内容比背景图像的高度大得多。因此，我想给div一个最大高度，但我不想使用div本身的滚动条，而是您使用
后台附件解决的问题：修复了
尝试了它，但现在内容div自动滚动。这需要通过默认的浏览器滚动条来完成。默认浏览器滚动条需要像往常一样滚动，但也需要滚动divs内容。当content div到达内容末尾时，默认的scollbar需要滚动页面的其余部分，但现在content div会自动滚动。这需要通过默认的浏览器滚动条来完成。默认浏览器滚动条需要像往常一样滚动，但也需要滚动divs内容。当内容div到达内容末尾时，默认的滚动条需要滚动页面的其余部分，但现在内容不再可滚动，因此您希望使用主滚动条在div内部滚动，当到达div内容底部时，继续使用主滚动条滚动整个主体？我认为这是不可能的。即使你找到了一个JS方法，在响应性方面也会有问题。我要改变设计。我已经完成了。检查过了，但是现在内容不再可以滚动了，所以你想用主滚动条在div内滚动，当到达div内容的底部时，继续用主滚动条滚动整个主体？我认为这是不可能的。即使你找到了一个JS方法，在响应性方面也会有问题。我要改变设计。我受够了。
#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;  
}

#content {
  overflow: visible;
}