Html 向下滚动时，如何使导航栏固定到顶部？我还想有一个以上的导航栏图片时，滚动所有的方式了

我想在导航栏上方有一张图片，但当我向下滚动时，我希望它固定在顶部，所以无论我向下滚动多少次，它总是在顶部，但一直向上滚动，我希望看到上面的图片

这是我的密码笔：

p{
文本缩进：50px；
}
img{
宽度：100%；
}

Lorem ipsum dolor sit，amet Concertetur Adipising Elite。在我看来，这是一种暂时性的腐败，发明者的腐败是一种错误，因为他们的腐败是一种错误，一种错误，一种错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误！同侧阴唇
再见。临时行政许可的权利，必要的身份，是否存在？因腐败而导致的无责任的行为

Lorem ipsum dolor sit，amet Concertetur Adipising Elite。在我看来，这是一种暂时性的腐败，发明者的腐败是一种错误，因为他们的腐败是一种错误，一种错误，一种错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误！同侧阴唇
再见。临时行政许可的权利，必要的身份，是否存在？因腐败而导致的无责任的行为

Lorem ipsum dolor sit，amet Concertetur Adipising Elite。在我看来，这是一种暂时性的腐败，发明者的腐败是一种错误，因为他们的腐败是一种错误，一种错误，一种错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误！同侧阴唇
再见。临时行政许可的权利，必要的身份，是否存在？因腐败而导致的无责任的行为

Lorem ipsum dolor sit，amet Concertetur Adipising Elite。在我看来，这是一种暂时性的腐败，发明者的腐败是一种错误，因为他们的腐败是一种错误，一种错误，一种错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误！同侧阴唇
再见。临时行政许可的权利，必要的身份，是否存在？因腐败而导致的无责任的行为

Lorem ipsum dolor sit，amet Concertetur Adipising Elite。在我看来，这是一种暂时性的腐败，发明者的腐败是一种错误，因为他们的腐败是一种错误，一种错误，一种错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误！同侧阴唇
再见。临时行政许可的权利，必要的身份，是否存在？因腐败而导致的无责任的行为

Lorem ipsum dolor sit，amet Concertetur Adipising Elite。在我看来，这是一种暂时性的腐败，发明者的腐败是一种错误，因为他们的腐败是一种错误，一种错误，一种错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误！同侧阴唇
再见。临时行政许可的权利，必要的身份，是否存在？因腐败而导致的无责任的行为

Lorem ipsum dolor sit，amet Concertetur Adipising Elite。在我看来，这是一种暂时性的腐败，发明者的腐败是一种错误，因为他们的腐败是一种错误，一种错误，一种错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误，一个错误！同侧阴唇
再见。临时行政许可的权利，必要的身份，是否存在？因腐败而导致的无责任的行为

只需使用
sticky top
类即可。当你向下滚动页面时，它将粘在顶部

<nav class="navbar sticky-top navbar-dark bg-dark navbar-expand-sm">



在询问之前，请毫不犹豫地查看引导文档。您可能已经找到了。
在导航中添加“sticky top”类。更多信息

在导航类中使用sticky top，如下所示，正如其他人所说。这样，当您滚动时，菜单将保持在页面顶部。但是你什么意思你想要菜单上的图片

<nav class="sticky-top navbar navbar-dark bg-dark navbar-expand-sm">
<div class="collapse navbar-collapse justify-content-end" id="navbarCollapse">
  <ul class="navbar-nav">
    <li class="nav-item"><a class="nav-link" id="hero" href="#">Home</a></li>
    <li class="nav-item"><a class="nav-link" id="about" href="#">About</a></li>
    <li class="nav-item"><a class="nav-link" id="services" href="#">Services</a></li>
    </ul>
</div>
 </nav>








<nav class="navbar sticky-top navbar-dark bg-dark navbar-expand-sm">

<nav class="sticky-top navbar navbar-dark bg-dark navbar-expand-sm">
<div class="collapse navbar-collapse justify-content-end" id="navbarCollapse">
  <ul class="navbar-nav">
    <li class="nav-item"><a class="nav-link" id="hero" href="#">Home</a></li>
    <li class="nav-item"><a class="nav-link" id="about" href="#">About</a></li>
    <li class="nav-item"><a class="nav-link" id="services" href="#">Services</a></li>
    </ul>
</div>
 </nav>