Javascript 在HTML中实现一个浮动边栏，它在页眉和页脚的边界内保持可见

我已经看到了一些关于Stackoverflow上浮动或固定边栏的问题，但我找不到任何一个可以涵盖此场景的问题

以本页为例：

当页面向上滚动时，侧边栏也随之向上滚动，直到其上边缘碰到窗口顶部。随着滚动的继续，侧边栏将保持在固定的位置，直到页脚向上并将侧边栏自身向上推

因此，侧边栏总是夹在页眉和页脚之间，但在该限制范围内，它会尽量保持可见

这是通过使用javascript实现的。我想知道你们是否已经取得了类似的成就，或者你们是否知道一个解决方案，可以在这里分享

---

多谢各位

这是一个关于如何通过jQuery实现这种效果的很好的教程

当达到某个滚动位置时，它使用jQuery

.addClass（）

向元素添加一个类

---

和相应的

.removeClass（）

当用户滚动过去时。

看看有人制作的JSFIDLE：非常感谢BeatAlex-这很快-是的，这正是我要找的-我搜索了很多，但我想我应该搜索更多：）谢谢你Andrew-这提供了基本概念，它也用于BeatAlex提供的JSFIDLE链接中