CSS:如何修复一个面板并滚动另一个面板？

Question

我有一个带有两个面板的网页。左侧面板占据了大部分宽度，并显示用户帖子。右边的面板是一个导航菜单，所以我希望它保持固定，永远不会滚出屏幕。

当一个屏幕上无法容纳太多帖子时，屏幕(而不是面板)的右侧会出现滚动条，用户会向下滚动。这一切都很好，除了导航菜单滚动到屏幕之外。

这两个面板都在同一个div中。我尝试将其位置设置为相对位置，然后将导航面板的位置设置为固定的，并将右偏移量设置为0。这使导航面板保持在屏幕上，但在最右侧(即，不在包含的div中)。

我如何保持导航面板固定在屏幕上，但浮动在它包含div的右侧？

万分感谢！

编辑:举个例子，看看Facebook。你会看到，帖子栏可以一直延伸下去，但右边的栏(带有广告)会留在屏幕上……

Answer 1

您可以使用Twitter Bootstrap Affix插件：http://twitter.github.io/bootstrap/javascript.html#affix