jquery - 向下滚动 jquery div - 如何防止它无限推下标题？

Question

我有一个内容 div，其中包含右侧的“侧边栏”div，当访问者向下滚动内容时，它应该向下滑动。这一切都很好，除了它还会无限地向下推下面的页脚，所以访问者永远无法完全看到整个页脚（它本身就很大）。

如何使滚动 div 在（深灰色）内容 div 结束的地方停止？

这是jsfiddle：http: //jsfiddle.net/vTcqv/4/

以及完整的预览：http: //jsfiddle.net/vTcqv/4/embedded/result/

非常感谢您的任何建议:)

Answer 1

简单：将侧边栏限制在其父元素 #maincontainer div 而不是整个文档。

代替

documentHeight = $(document).height();

和

containerHeight = $("#maincontainer").height();

看看它在行动：http: //jsfiddle.net/vTcqv/11/embedded/result/

Answer 2

您的文档高度包括页脚，如果我理解正确，我们想停在页脚处。所以不要让你的文档高度是这样的：

documentHeight = $(document).height();

更改它以同时删除页脚的大小。

documentHeight = $(document).height() - $('#footer').height();

有一个小问题，它不会与内容 div 齐平，但我确信它很容易修复。

http://jsfiddle.net/vTcqv/6/