我有一個 spring boot 項目，那是我的導航欄的照片。當用戶向下滾動時，我希望導航欄粘在頁面頂部，但我不知道該怎么做。我是前端新手，我正在努力了解引導程序、html 和 css 等。 <nav class="navbar navbar-inverse"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-3"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="userProfile1">Home</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="navbar-collapse-3"> <ul class="nav navbar-nav navbar-right"> <li><a href="/calendar">Calendar</a></li> <li><a href="/subjectSearch">Search</a></li> <li><a href="/logout">Logout</a></li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container --></nav><!-- /.navbar -->這是我的 css 文件的樣子：h1 {color: #78ab46; } .error-message { color: #a94442; } .error-message:first-letter { text-transform: capitalize; }
3 回答
蠱毒傳說
TA貢獻1895條經驗 獲得超3個贊
你好吉爾你可以在這里查看 W3school
此外，您還有一個示例，您可以使用檢查導航欄固定頂部檢查 html 代碼
還有這里的 bootstrap v4： NavBar
示例（引導程序）：
<nav class="navbar navbar-default navbar-fixed-top">
...
</nav>
和CSS：
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
我會使用框架類，因為它非常適合保持美觀的跨瀏覽器和“相同或接近”的行為！
12345678_0001
TA貢獻1802條經驗 獲得超5個贊
<nav class="navbar navbar-default navbar-fixed-top">
添加上面的代碼行將導航欄固定在頁面頂部，使其停留在頂部并且在滾動時不會消失。
添加回答
舉報
0/150
提交
取消