文章詳情頁(yè)
javascript - 關(guān)于scroll事件的一個(gè)小問(wèn)題
瀏覽:174日期:2023-02-25 17:28:54
問(wèn)題描述
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’));})
大家好 以上代碼無(wú)法remove類名 add正常 。。。即使我把a(bǔ)dd和remove的前后順序顛倒過(guò)來(lái)也無(wú)法執(zhí)行;這個(gè)問(wèn)題查找了許久都無(wú)法解決,所以還請(qǐng)各位老鐵多多指教。感謝感謝。
問(wèn)題解答
回答1:nav.offsetTop 是 0 吧。
把 t >= nav.offsetTop 改成 t > nav.offsetTop。
回答2:1、首先將 t 和 nav.offsetTo 輸出來(lái)看一下,確定這些值是預(yù)期的值
2、確定你的滾動(dòng)區(qū)域是在body上而不是在body中的某個(gè)p上
標(biāo)簽:
JavaScript
上一條:react.js - javascript中如何用占位符定義restful那種url啊, angular我知道, 但是用react該用哪個(gè)庫(kù)?下一條:javascript - js,有幾行代碼不太明白?
相關(guān)文章:
1. docker images顯示的鏡像過(guò)多,狗眼被亮瞎了,怎么辦?2. javascript - Web微信聊天輸入框解決方案3. 請(qǐng)教各位大佬,瀏覽器點(diǎn) 提交實(shí)例為什么沒(méi)有反應(yīng)4. docker - 如何修改運(yùn)行中容器的配置5. javascript - log4js的使用問(wèn)題6. javascript - 移動(dòng)端textarea不能上下滑動(dòng),該怎么解決?7. javascript - 為什么form表單提交沒(méi)有跨域問(wèn)題,但ajax提交有跨域問(wèn)題?8. javascript - history.replaceState()無(wú)法改變query參數(shù)9. javascript - 為什么這個(gè)點(diǎn)擊事件需要點(diǎn)擊兩次才有效果10. javascript - Ajax加載Json時(shí),移動(dòng)端頁(yè)面向左上角縮小一截兒,加載完成后才正常顯示,這該如何解決?
排行榜

熱門標(biāo)簽