Javascript jQuery-DIV以滚动方式移动，并将位置粘贴到窗口的顶部和底部

可能已经有一个jQuery插件可以实现这一点，但我找不到一个可以完全实现我所追求的目标的插件。如果有，请给我指一下教程，谢谢

我的问题是我有很长的页面内容，当你在页面底部附近滚动时，我的边栏不可见

因此，我想让我的#侧边栏div在你上下滚动页面时粘在浏览器窗口的顶部和底部

我的侧边栏高度比典型的屏幕分辨率长，因此我需要侧边栏的底部粘到浏览器窗口的底部以及浏览器的顶部

因此，当您开始向下滚动时，侧边栏将像正常情况一样滚动，但当您到达侧边栏的末端时，侧边栏会粘住并且不会滚动，当您开始向上滚动时，侧边栏将跟随，直到侧边栏的顶部到达浏览器，然后粘住。反之亦然

这可能吗

我已经创建了一个简单的设计布局的中心。我在侧边栏中添加了一个虚线边框，这样您就可以知道侧边栏应该放在哪里了

任何建议，或者你知道的在线教程或演示，都会非常棒！

---

更新

请看@Darek Rossman的这一尝试

他的基本思想正在发挥作用。但是向上滚动会导致它捕捉到顶部。我需要侧边栏是流体与滚动向上/向下运动。但是粘在窗户的顶部或底部。当页眉/页脚位于视口中时，它也不应固定，因此它不会覆盖

---

谢谢你，你不需要任何jQuery或javascript。所有这些都可以在CSS中通过

位置：fixed

实现

将侧边栏选择器更改为以下内容

#sidebar {
    width: 130px;
    height: auto;
    overflow: hidden;
    background: #ffffff;
    margin: 0 auto;
    clear: right;
    padding: 8px;
    background: #e5e5e5;
    border: 2px dashed red;
    position: fixed;
    right: 35px;
}

---

我已经用我的解决方案更新了JSFIDLE

var$sidebar=$（“#sidebar”），
$window=$（window），
sidebartop=$（“#侧边栏”）.position（）.top；
$window.scroll（函数（）{
如果（$window.height（）>$sidebar.height（））{
$sidebar.removeClass（'fixedBtm'）；
if（$sidebar.offset（）.top感谢您花时间为它创建一个JSFIDLE，这使您可以更轻松地交流您正在尝试做的事情并提出一个实现。这就是您所追求的吗？您有没有找到解决方案？我很高兴侧边栏一直滚动到它的底部，一直粘贴到顶部页面。@steve，不，每个人似乎都认为这太棘手了。下周我会给你一个文件或新的小提琴来演奏。如果有人能弄明白，那就太棒了。这是我个人要向上游演示的事情列表。如果我有时间，我会和你赛跑。。。