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