亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

制作固定導航欄,未捕獲類型錯誤?

制作固定導航欄,未捕獲類型錯誤?

翻過高山走不出你 2023-10-20 16:13:21
我正在制作一個固定的導航欄,并使用 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>
查看完整描述

1 回答

?
MM們

TA貢獻1886條經驗 獲得超2個贊

頁面完全加載后嘗試訪問您的元素。像這樣的東西:


    window.onscroll = function () { myFunction() };


    window.onload = function () {

        var navbar = document.getElementById("topNav");

        var sticky = navbar.offsetTop;


        function myFunction() {

            if (window.pageYOffset >= sticky) {

                navbar.classList.add("sticky");

            } else {

                navbar.classList.remove("sticky");

            }

        }

    }


查看完整回答
反對 回復 2023-10-20
  • 1 回答
  • 0 關注
  • 106 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號