如何在Javascript中使用滚动事件(无Jquery)

如何在Javascript中使用滚动事件(无Jquery),javascript,html,css,Javascript,Html,Css,这是代码。我只是想改变的h1标题的颜色时,滚动是从顶部1000像素。为此,我想使用纯javascript。请尝试忽略代码编写得有多么糟糕。任何建议都是非常受欢迎的。谢谢你抽出时间 滚动 .redbox{ 背景色:红色; 位置:绝对位置; 顶部:10px; 高度:90px; 宽度:100px; }.揭示{ 位置:固定; 顶部:450px; 过渡:宽度2s; 显示:块; } , 卷轴上显示的是1000! 结束 var top=window.pageYOffset | | document.d

这是代码。我只是想改变的h1标题的颜色时,滚动是从顶部1000像素。为此,我想使用纯javascript。请尝试忽略代码编写得有多么糟糕。任何建议都是非常受欢迎的。谢谢你抽出时间

滚动
.redbox{
背景色:红色;
位置:绝对位置;
顶部:10px;
高度:90px;
宽度:100px;
}.揭示{
位置:固定;
顶部:450px;
过渡:宽度2s;
显示:块;
} 
,  
卷轴上显示的是1000!
结束
var top=window.pageYOffset | | document.documentElement.scrollTop
如果(top==1000){
document.getElementById('demo').style.color='red'}

您可以使用事件处理程序检查当前滚动偏移:

document.body.addEventListener('scroll', function() {

    if(window.scrollY > 499) {
        document.getElementById('myDiv').classList.add('appear'); // or whatever...
    }

});

可能看到您的代码吗?请提供您的代码和有关您尝试过的内容的信息。这是为了帮助你解决你自己试图解决的问题,而不是为你编写代码的地方。我真的很抱歉。这是我关于stackoverflow的第一个问题。我做了一些编辑。谢谢等等,为什么不能使用jQuery。。。你应该使用jQuery。如果是这样的话,请给我一些jQuery链接或代码,告诉我如何才能达到效果。我想我应该开始学习。我会尽快开始学习。