Javascript 如何检查滚动是否低于某个级别？

我需要这样做-> 如果滚动条低于200px，请将页面颜色更改为红色。如果超过200px，则将其更改为白色。 我怎样才能做到这一点

const event11 = window.addEventListener('wheel', function(e) {
  console.log(e);
  console.log(window.innerHeight);
  if(e.pageY < (window.innerHeight - 200)) {
     document.body.style.backgroundColor = "red";
  } else {
    document.body.style.backgroundColor = "white";
  }
});

const event11=window.addEventListener（'wheel'，函数（e）{
控制台日志（e）；
控制台.日志（窗口.内部高度）；
如果（例如pageY<（窗口内部高度-200））{
document.body.style.backgroundColor=“红色”；
}否则{
document.body.style.backgroundColor=“白色”；
}
});

您可以使用

window.pageYOffset | document.documentElement.scrollTop。使用它与您的预期身高200进行比较

也可以使用
滚动
事件而不是
滚轮
，因为
滚轮
事件只会在鼠标滚轮滚动时触发。如果有人用拖动滚动条滚动页面，那么它将不起作用。因此，使用
滚动
事件，该事件也适用于这些情况

添加
window.dispatchEvent（新的CustomEvent（'scroll'）因此，最初它将触发
滚动
事件并设置适当的背景颜色

参考文献：1


在下面试试


window.addEventListener（'scroll'，函数（e）{
var top=window.pageYOffset | | document.documentElement.scrollTop；
如果（顶部<200）{
document.body.style.backgroundColor=“红色”；
}否则{
document.body.style.backgroundColor=“白色”；
}
});
//页面加载时触发滚动事件。
dispatchEvent（新的CustomEvent（'scroll'））
您可以使用
window.pageYOffset | document.documentElement.scrollTop。使用它与您的预期身高200进行比较

也可以使用
滚动
事件而不是
滚轮
，因为
滚轮
事件只会在鼠标滚轮滚动时触发。如果有人用拖动滚动条滚动页面，那么它将不起作用。因此，使用
滚动
事件，该事件也适用于这些情况

添加
window.dispatchEvent（新的CustomEvent（'scroll'）因此，最初它将触发
滚动
事件并设置适当的背景颜色

参考文献：1


在下面试试


window.addEventListener（'scroll'，函数（e）{
var top=window.pageYOffset | | document.documentElement.scrollTop；
如果（顶部<200）{
document.body.style.backgroundColor=“红色”；
}否则{
document.body.style.backgroundColor=“白色”；
}
});
//页面加载时触发滚动事件。
dispatchEvent（新的CustomEvent（'scroll'））
您还可以使用纯JavaScript
scrollY
&
scrollX
属性实现滚动位置

注释

pageXOffset
属性是
scrollX
属性的别名，而
pageYOffset
属性是
scrollY
属性的别名

代码笔示例：

下面是与
滚动
事件侦听器具有相同效果的示例：


const event11=window.addEventListener（'scroll'，函数（e）{
如果（此.scrollY<200）{
document.body.style.backgroundColor=“白色”；
}否则{
document.body.style.backgroundColor=“红色”；
}
});
正文{
最小高度：500px；
}
您还可以使用纯JavaScript
scrollY
&
scrollX
属性实现滚动位置

注释

pageXOffset
属性是
scrollX
属性的别名，而
pageYOffset
属性是
scrollY
属性的别名

代码笔示例：

下面是与
滚动
事件侦听器具有相同效果的示例：


const event11=window.addEventListener（'scroll'，函数（e）{
如果（此.scrollY<200）{
document.body.style.backgroundColor=“白色”；
}否则{
document.body.style.backgroundColor=“红色”；
}
});
正文{
最小高度：500px；
}
DOM树中有一个属性显示了scroll当前的Y位置，名为
document.scrollingElement.scrollTop


const event11=window.addEventListener（'wheel'，函数（e）{
如果（document.scrollingElement.scrollTop>200）{
document.body.style.backgroundColor=“红色”；
}否则{
document.body.style.backgroundColor=“白色”；
}
});DOM树中有一个属性显示了scroll当前的Y位置，名为
document.scrollingElement.scrollTop


const event11=window.addEventListener（'wheel'，函数（e）{
如果（document.scrollingElement.scrollTop>200）{
document.body.style.backgroundColor=“红色”；
}否则{
document.body.style.backgroundColor=“白色”；
}
});任何代码尝试？垃圾标签都没有帮助。Shakered，解决方案应该作为“答案”发布。我在questionNote中添加了代码尝试，您可以通过多种方式滚动，而不仅仅是鼠标滚轮。任何代码尝试？垃圾标签都没有帮助。Shakered，解决方案应该作为“答案”发布。我在questionNote中添加了代码尝试，您可以通过多种方式滚动，不仅仅是鼠标滚轮。