gpt4 book ai didi

html - 侧边栏列上的 Bootstrap 粘性顶部不起作用

转载 作者:行者123 更新时间:2023-11-27 22:56:32 33 4
gpt4 key购买 nike

<分区>

我正在尝试在右侧创建一个粘性侧边栏。侧边栏菜单位于网格列内。我正在使用 sticky-top 类作为 shown in this question , 但它仍然不起作用。

这是代码...

<div class="container min-vh-100 overflow-hidden">
<nav class="navbar navbar-light navbar-expand">
<a class="navbar-brand" href="#">Brand</a>
<ul class="navbar-nav">
<li class="nav-item"><a href="#" class="nav-link">Home</a></li>
</ul>
</nav>
<div class="row">
<div class="col-sm-8 content pt-4">
...
</div>
<div class="col-sm-4">
<div class="menu sticky-top p-3 bg-light">
<h5 class="text-primary">Sticky menu</h5>
<div class="nav flex-column">
<a href="#" class="nav-link pl-0">Menu 1</a>
<a href="#" class="nav-link pl-0">Menu 2</a>
<a href="#" class="nav-link pl-0">Menu 3</a>
</div>
</div>
</div>
</div>
</div>

代码回复:https://codeply.com/go/xwYPD1B1tk

menu div 是我想在用户向下滚动时保持在顶部的那个。

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