文章詳情頁(yè)
javascript - 關(guān)于scroll事件的一個(gè)小問(wèn)題
瀏覽:275日期: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類(lèi)名 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. dockerfile - [docker build image失敗- npm install]2. angular.js - angular內(nèi)容過(guò)長(zhǎng)展開(kāi)收起效果3. docker-compose中volumes的問(wèn)題4. 在windows下安裝docker Toolbox 啟動(dòng)Docker Quickstart Terminal 失?。?/a>5. golang - 用IDE看docker源碼時(shí)的小問(wèn)題6. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.7. docker內(nèi)創(chuàng)建jenkins訪問(wèn)另一個(gè)容器下的服務(wù)器問(wèn)題8. mac里的docker如何命令行開(kāi)啟呢?9. docker容器呢SSH為什么連不通呢?10. docker-machine添加一個(gè)已有的docker主機(jī)問(wèn)題
排行榜

熱門(mén)標(biāo)簽
網(wǎng)公網(wǎng)安備