文章詳情頁
javascript - 關(guān)于scroll事件的一個(gè)小問題
瀏覽:199日期: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正常 。。。即使我把a(bǔ)dd和remove的前后順序顛倒過來也無法執(zhí)行;這個(gè)問題查找了許久都無法解決,所以還請(qǐng)各位老鐵多多指教。感謝感謝。
問題解答
回答1:nav.offsetTop 是 0 吧。
把 t >= nav.offsetTop 改成 t > nav.offsetTop。
回答2:1、首先將 t 和 nav.offsetTo 輸出來看一下,確定這些值是預(yù)期的值
2、確定你的滾動(dòng)區(qū)域是在body上而不是在body中的某個(gè)p上
標(biāo)簽:
JavaScript
上一條:react.js - javascript中如何用占位符定義restful那種url啊, angular我知道, 但是用react該用哪個(gè)庫?下一條:javascript - js,有幾行代碼不太明白?
相關(guān)文章:
1. angular.js - 可以通過vue或者angular雙向數(shù)據(jù)綁定iframe元素嗎?2. javascript - h5微信中怎么禁止橫屏3. index.php錯(cuò)誤,求指點(diǎn)4. angular.js - angularjs 百度統(tǒng)計(jì)怎么統(tǒng)計(jì)5. node.js - vue-cli無法創(chuàng)建項(xiàng)目。6. css3選擇器nth-of-type的問題7. css3 - 這種情景怎么解釋?display:flex 遭遇 white-space: nowrap;8. PHP單例模式9. objective-c - 微信支付的問題10. Html 入門教程視頻無法播放
排行榜

熱門標(biāo)簽