1

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

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

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

如何保持导航面板固定在屏幕上,但浮动到包含 div 的右侧?

太感谢了!

编辑:例如我的意思,看看 Facebook。您会看到帖子栏可以永远延伸,但右侧栏(带有广告)仍留在屏幕上......

4

1 回答 1

1

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

于 2013-04-10T05:28:47.613 回答