E=mc² 的日常: onscroll Event

自寫ＪＳ語法：
當網頁往下捲動，在網頁4050px且scroll到3650時，指定(classList.add) id 'sub' 該class中新增 'sub-footer' ，否則移除(classList.remove)  'sub-footer' 。

window.onscroll 是應用在網頁捲動，也是Event Types 的其中一項，參考：https://www.w3schools.com/jsref/obj_uievent.asp

很適合製作在捲動網頁時的效果，
當往下捲動時出現gotop的按鈕，也是類似寫法。
.classList  也可以改寫 .style.property name = "value"
-------------------------------------------------------------------
<script>
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
    if (document.body.scrollTop > 4050 || document.documentElement.scrollTop > 3650) {
        document.getElementById("sub").classList.add("sub-footer")
    } else {
        document.getElementById("sub").classList.remove("sub-footer");
        // document.getElementById("sub").style.display = "block";
    }

}
</script>
-------------------------------------------------------------------