当滚动到特定div类时更改div颜色

window.addEventListener("scroll", function() {
  // 获取特定div元素
  var targetDiv = document.querySelector(".特定div类");

  // 获取特定div元素距离页面顶部的距离
  var targetDivOffset = targetDiv.offsetTop;

  // 获取当前滚动的距离
  var scrollPosition = window.pageYOffset || document.documentElement.scrollTop;

  // 判断是否滚动到了特定div类，并更改div颜色
  if (scrollPosition >= targetDivOffset) {
    targetDiv.style.backgroundColor = "新的颜色";
  } else {
    targetDiv.style.backgroundColor = "原始颜色";
  }
});

.特定div类 {
  background-color: 原始颜色;
}

.特定div类.scroll {
  background-color: 新的颜色;
}

window.addEventListener("scroll", function() {
  var targetDiv = document.querySelector(".特定div类");

  var targetDivOffset = targetDiv.offsetTop;

  var scrollPosition = window.pageYOffset || document.documentElement.scrollTop;

  if (scrollPosition >= targetDivOffset) {
    targetDiv.classList.add("scroll");
  } else {
    targetDiv.classList.remove("scroll");
  }
});