通過JS監(jiān)聽瀏覽器滑動的高度，滿足添加就給指定的ID添加或刪除class標(biāo)記
這段代碼會監(jiān)聽網(wǎng)頁移動的高度，進(jìn)而給指定的ID添加class標(biāo)記
核心JS
window.addEventListener("scroll", function (e) {
var t = document.documentElement.scrollTop || document.body.scrollTop;
console.log(t)
if (t < 50) {
document.getElementById("myDIV").classList.remove("mystyle");
}
else {
document.getElementById("myDIV").classList.add("mystyle");
}
});演示
Npcink
- 0001
- 0001
- 0001
- 0001
- 0001
- 0001
- 0001
- 0001
- 0001
- 0001
- 向下滾動，我會變色哦
- 0001
- 0001
- 0001
- 0001
- 0001
- 0001
- 0001
- 0001
- 0001
- https://www.runoob.com/jsref/prop-element-classlist.html
- https://www.runoob.com/jsref/met-document-getelementsbyclassname.html