滑動(dòng)添加和移除class標(biāo)記 - JS筆記

這段代碼會(huì)監(jiān)聽(tīng)網(wǎng)頁(yè)移動(dò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
• 向下滾動(dòng)，我會(huì)變色哦
• 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