我嘗試了一些建議，例如從正文中刪除溢出、向 header 和 padding-top 添加 z-index 但似乎沒有任何效果。一開始它工作得很好，但后來我實(shí)現(xiàn)了很多 Lorem Ipsum 文本。所有內(nèi)容都只是在導(dǎo)航欄上方和下方滑動(dòng)。我附上了一個(gè) JS 小提琴來解釋。我嘗試了全身溢出并嘗試了固定/相對標(biāo)題位置。什么都不起作用。任何意見都會(huì)非常感激。我希望得到一些幫助，幫助我如何使導(dǎo)航保持固定，但當(dāng)我向下滾動(dòng)時(shí)卻不能真正保持固定。當(dāng)然還有如何讓內(nèi)容不水平溢出。超文本標(biāo)記語言<!DOCTYPE html><html> <head> <script src="script.js"></script> <link href="style.css" rel="stylesheet"> <meta charset="utf-8"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" rel="stylesheet"> <meta name="viewport" content="initial-scale=1, width=device-width shrink-to-fit=no"> <title>Hello! </title> </head> <body> <div class="empty"></div> <div class="all"> <div class="menu-wrapper"> <header class="header"> <a href="#home">Logo</a> <input class="menu-btn" type="checkbox" id="menu-btn" /> <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label> <ul class="menu"> <li><a href="#">Home</a></li> <li><a href="about.html">About Us</a></li> <li><a href="#">More</a></li> <li><a href="#">More2</a></li> </ul> </header> </div> </div> <div class="row"> <div class="container-fluid" id="about"> <h5>Text</h5> <div class="col-lg-12"> <article> <br> <br> <br> </p> </article> </div> </div> </div>
所有正文內(nèi)容在導(dǎo)航中上下移動(dòng)（HTML 和 CSS）
千萬里不及你
2023-06-29 22:27:30
