Web前端——鼠标滚动一定距离用js添加或删除元素的类名

    <script>
        //导航滚动时增加背景色
        window.addEventListener('scroll', function () {
            let header = document.querySelector('.top-box');
            if (window.scrollY > 100) {
                header.classList.add('on');
            } else {
                header.classList.remove('on');
            }
        });
    </script>