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

Question

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

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

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

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

非常感谢您的任何建议：）

Answer 1

你的文件高度包括页脚，如果我理解正确，我们想停在页脚。因此，不要将文档高度设为：

documentHeight = $(document).height();

更改它也会删除页脚的大小。

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

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

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

Answer 2

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

替换

documentHeight = $(document).height();

与

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

查看实际操作：http://jsfiddle.net/vTcqv/11/embedded/result/