滑動添加和移除class標記 – JS筆記

這段代碼會監聽網頁移動的高度，進而給指定的ID添加class標記

核心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