文章詳情頁
javascript - 關于scroll事件的一個小問題
瀏覽:114日期: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. python - 關于beautifulsoup獲取文檔內容2. mysql - 僅僅只是把單引號與反斜杠轉義不用prepare statement能否避免sql注入?3. Python爬取網頁requests亂碼4. java - springMVC配置的controller無法返回jsp文件5. javascript - 項目用IE瀏覽器打開修改前端內容,后臺數據修改了,但是前端頁面內容不變,用谷歌瀏覽器測試前端頁面可以刷新,求大神解決。6. MySQL 中怎么修改字段名,不更改屬性?7. 如何通過Java編碼生成Jmeter儀表板報告。(不是Windows或Shell命令)8. javascript - 看一些高手寫代碼單獨用 “$”和“_” 來表示變量,什么時候單獨使用這兩個字符?9. nginx - openresty無法使用require10. 面向對象編程 - java動態加載和類型轉換問題?
排行榜
