我正在制作一個固定的導航欄,并使用 JavaScript 來檢測用戶何時在頁面上滾動。但我遇到了一個問題,控制臺告訴我變量 navbar為null,之后,只要我嘗試向下滾動,它就會開始不斷生成相同的錯誤:Uncaught TypeError: navbar is null我真的不知道發生了什么,所以非常感謝任何幫助,干杯。window.onscroll = function() { myFunction()};var navbar = document.getElementById("topNav");var sticky = navbar.offsetTop;function myFunction() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky"); } else { navbar.classList.remove("sticky"); }}/*testing only*/body { height: 500vh;}.topnav { background-color: #333; overflow: hidden;}.sticky { position: fixed; top: 0; width: 100%}.topnav a { float: left; color: #F72585; text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;}.topnav a:hover { background-color: #ddd; color: black;}.topnav a.active { background-color: #F72585; color: white;}.topnav-right { float: right;}<div id="topNav" class="topnav"> <a id="spaceStyle" class="active" href="#home" onclick="spaceChange()">SPACE</a> <a id="cyberStyle" href="#news" onclick="cyberChange()">CYBER-PUNK</a> <div class="topnav-right"> <a id="creditsStyle" href="#about" onclick="credistsChange()">About</a> </div></div>
制作固定導航欄,未捕獲類型錯誤?
翻過高山走不出你
2023-10-20 16:13:21