在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()。