在HTML中實現浮動邊欄，在頁面頁眉和頁面頁腳的邊界內保持可見

Question

我在Stackoverflow上看到了幾個關於浮動或固定邊欄的問題，但是我找不到覆蓋此場景的一些問題。

看看這個頁面爲例：http://msdn.microsoft.com/en-us/library/aa691131(v=vs.71).aspx

當頁面滾動起來，側邊欄也隨之滾動起來，直到它的頂邊打窗口的頂部。隨着滾動的繼續，側欄保持固定，直到頁腳擡起並將側欄向上推。

因此，側邊欄總是被困在頁面頁眉和頁腳之間，但在這個限制內，它會盡可能保持可見。

這是通過使用JavaScript來完成的。我想知道你們是否已經實現了這樣的目標，或者如果你知道解決方案，你可以在這裏分享。

謝謝。

Answer 1

這是如何通過的jQuery達致這效果有很大的教程... http://www.hongkiat.com/blog/css-sticky-position/

它使用jQuery的.addClass()達到一定的滾動位置時，添加一個類的元素。

並且當用戶滾動回去時各自的.removeClass()。