javascript - 随主要内容滚动的侧边栏

Question

如何实现位于页面某处的侧边栏，当用户向下滚动页面时，它会改变位置并随主要内容滚动，始终保持可见？

这是一个 example (请向下滚动)

---

亲爱的!我只需要指定以下样式(这对我来说不太明显):

.affix {
    position: fixed;
}

当然，还要添加 jQuery:

$('.leftnav').affix();

非常感谢所有试图帮助我的人!

Answer 1

检查您链接到的页面的来源。该解决方案涉及在用户向下滚动时更改为固定位置，刚好足以使菜单的顶部边缘到达屏幕的顶部边缘(这是通过监听 scroll 事件完成的)。最初(当提供页面时)菜单没有固定位置。

编辑:或者更好的是...这里的脚本可以做到这一点 http://twitter.github.com/bootstrap/javascript.html#affix ;)