gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 18:25:14 24 4
gpt4 key购买 nike

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

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

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

如何让导航面板固定在屏幕上,但 float 到包含 div 的右侧?

感谢一百万!

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

最佳答案

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

关于CSS:如何修复一个面板并滚动另一个面板?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15914294/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com