这是一个很好的示例,展示如何创建一个带有侧边栏的导航栏。有没有人可以修改代码,使得顶部导航栏固定在页面顶部,而侧边栏则保持固定不动,只有主页内容滚动?我可以通过将 class="fixed-top"
分配给 nav
来使导航栏固定在页面顶部,但我无法弄清楚如何使侧边栏固定,以便它保持在同一位置,而不是随着主页内容向上滚动。将 class="sticky-top"
应用于侧边栏似乎不起作用。
<nav class="navbar navbar-expand-md navbar-dark bg-primary fixed-top">
..
</nav>
<div class="row">
<div id="sidebar-container" class="sidebar-expanded d-none d-md-block">
<ul class="list-group sticky-top">
<li>Menu item..</li>
<li>Menu item..</li>
</ul>
</div>
<div class="col">
<!-- MAIN -->
</div>
</div>
sidebar-container
元素上,并按照您的建议添加了粘性偏移。 - user3691644