Question

我一直在网上四处寻找但是找不到任何可以解决这个问题的事情（至少没有我有限的JS级别）

我试图实现一种效果，当有人滚动或向下滑动页面时会改变.class CSS。

例如。所有<a> tages都是蓝色的，如果用户向下滚动20px或向下滚动50px ...所有<a＆gt;标签变成绿色并且滚动停止。所有标签都变回蓝色

Answer 1

您需要使用window.onScroll：https://developer.mozilla.org/en-US/docs/Web/API/window.onscroll绑定到scroll事件，该函数可以更改您感兴趣的元素上的类。

// This is the event "onscroll" on the window object, that we're binding to and passing an
// anonymous function as the function to be executed when the event is triggered
    window.onscroll = function (event) {
      // Then here (inside the anonymous function that's being passed in), we add the class
      // "my-class" to the document body.
      document.body.classList.add("my-class");
    }

注意：这应该为您提供足够的信息来自行解决问题，但我不想为您解决问题 - 在本例中，每次滚动窗口时都会调用该函数（所以你＆＃ 39;我想添加某种检查/限制），而classList在旧浏览器中不起作用。

滚动更改课程

1 个答案: