javascript - 關于scroll事件的一個小問題

問題描述

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的前后順序顛倒過來也無法執行；這個問題查找了許久都無法解決，所以還請各位老鐵多多指教。感謝感謝。

問題解答

nav.offsetTop 是 0 吧。

把 t >= nav.offsetTop 改成 t > nav.offsetTop。

1、首先將 t 和 nav.offsetTo 輸出來看一下，確定這些值是預期的值

2、確定你的滾動區域是在body上而不是在body中的某個p上