文章詳情頁
javascript - 關于scroll事件的一個小問題
瀏覽：157日期：2023-02-25 17:28:54
問題描述
window.addEventListener(’scroll’,()=>{let t = document.documentElement.scrollTop || document.body.scrollTop,nav = document.getElementsByClassName(’nav’)[0];t >= nav.offsetTop ? (nav.classList.add(’fixed’)) : (nav.classList.remove(’fixed’));})
大家好 以上代碼無法remove類名 add正常 。。。即使我把add和remove的前后順序顛倒過來也無法執行；這個問題查找了許久都無法解決，所以還請各位老鐵多多指教。感謝感謝。
問題解答
回答1：nav.offsetTop 是 0 吧。
把 t >= nav.offsetTop 改成 t > nav.offsetTop。
回答2：1、首先將 t 和 nav.offsetTo 輸出來看一下，確定這些值是預期的值
2、確定你的滾動區域是在body上而不是在body中的某個p上
標簽：
JavaScript
上一條：react.js - javascript中如何用占位符定義restful那種url啊, angular我知道, 但是用react該用哪個庫?下一條：javascript - js，有幾行代碼不太明白？
相關文章：
1. mysql - 請問數據庫字段為年月日，傳進的參數為月，怎么查詢那個月所對應的數據2. node.js - win 下 npm install 遇到了如下錯誤 會導致 無法 run dev么？3. javascript - 我的站點貌似被別人克隆了， google 搜索特定文章，除了域名不一樣，其他的都一樣，如何解決？4. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？5. [python2]local variable referenced before assignment問題6. Python2中code.co_kwonlyargcount的等效寫法7. html - 移動端radio無法選中8. php - 微信開發驗證服務器有效性9. javascript - vue+iview upload傳參失敗 跨域問題后臺已經解決 仍然報403，這是怎么回事啊？10. mysql - 如何在有自增id的情況下，讓其他某些字段能不重復插入
排行榜
網公網安備