文章詳情頁
javascript - 關于scroll事件的一個小問題
瀏覽:262日期: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. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””2. boot2docker無法啟動3. docker-compose中volumes的問題4. nignx - docker內nginx 80端口被占用5. javascript - mock.js可以存儲數據嗎6. docker安裝后出現Cannot connect to the Docker daemon.7. java - SSH框架中寫分頁時service層中不能注入分頁類8. golang - 用IDE看docker源碼時的小問題9. dockerfile - 為什么docker容器啟動不了?10.排行榜boot2docker無法啟動 1. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities”” 2. docker-compose中volumes的問題 3. docker安裝后出現Cannot connect to the Docker daemon. 4. javascript - mock.js可以存儲數據嗎 5. nignx - docker內nginx 80端口被占用 6. java - SSH框架中寫分頁時service層中不能注入分頁類 7. node.js - antdesign怎么集合react-redux對input控件進行初始化賦值 8. 關于docker下的nginx壓力測試 9. docker容器呢SSH為什么連不通呢? 10. docker api 開發的端口怎么獲?。?/a>

網公網安備