Javascript 如何在滚动条上创建固定标题
我想在卷轴上创建一个固定标题,类似于此网站: 这是我的标题的html:Javascript 如何在滚动条上创建固定标题,javascript,html,css,Javascript,Html,Css,我想在卷轴上创建一个固定标题,类似于此网站: 这是我的标题的html: <div class="bloc bgc-wild-blue-yonder l-bloc " id="bloc-1"> <div class="container bloc-sm"> <div class="row"> <div class="col"> <nav class="navbar
<div class="bloc bgc-wild-blue-yonder l-bloc " id="bloc-1">
<div class="container bloc-sm">
<div class="row">
<div class="col">
<nav class="navbar navbar-light row navbar-expand-md flex-column" role="navigation">
<a class="navbar-brand mx-auto" href="index.html">Company</a>
<button id="nav-toggle" type="button" class="ui-navbar-toggler navbar-toggler border-0 p-0" data-toggle="collapse" data-target=".navbar-32491" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse navbar-32491">
<ul class="site-navigation nav navbar-nav mx-auto justify-content-center">
<li class="nav-item">
<a href="index.html" class="nav-link">Professional Wedding Planners | Devon</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
-
在CSS中使用:
如果是我,我可能会使用CSS。这样,它只会在碰到窗口顶部时粘到顶部
#bloc-1 {
position: sticky;
top: 0;
}
查看affix方法——您可以使用一些javascript来实现这一点。Boostrap 4文档提到使用位置:粘性;解决方案
您似乎正在使用引导,并且它具有满足您需要的实用程序。因此,它不是代码编写服务:
#bloc-1 {
position: sticky;
top: 0;
}