如何使用纯JavaScript在500px之后显示div?

如何使用纯JavaScript在500px之后显示div?,javascript,web,Javascript,Web,我有一个调用一个函数,该函数滚动到页面顶部, 如何在800px后自动显示此按钮。仅使用纯JavaScript 上 var-button=document.querySelector(“.button”); button.onclick=函数(){ 滚动到(0,0); }; 一种方法是在按钮上有一个隐藏的类,在css中,我们可以提供要隐藏的类的可见性 。隐藏{ 可见:隐藏; } 为了处理滚动功能,我们可以使用此功能 var-button=document.querySelector(“.bu

我有一个
调用一个
函数
,该函数滚动到页面顶部, 如何在800px后自动显示此按钮。仅使用纯JavaScript

var-button=document.querySelector(“.button”);
button.onclick=函数(){
滚动到(0,0);
};

一种方法是在按钮上有一个隐藏的类,在css中,我们可以提供要隐藏的类的可见性

。隐藏{
可见:隐藏;
}
为了处理滚动功能,我们可以使用此功能

var-button=document.querySelector(“.button”);
button.onclick=函数(){
滚动到(0,0);
}
window.addEventListener(“滚动”,()=>{
var y=window.scrollY;
如果(y>=500){
按钮。类列表。删除(“隐藏”);
}否则{
按钮。类列表。添加(“隐藏”);
}
});

参考此问题回答您的问题我需要纯JS而不是查询。