向下滾動jquery div - 如何防止無限下推header？

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/