Javascript 做一个上升按钮
我有一个简单的上锚在我的网站,它的位置是固定的。我需要让它在顶部消失。我应该添加什么javascript代码? 最好使用简单的javascript(而不是jQuery) HTML:Javascript 做一个上升按钮,javascript,html,css,Javascript,Html,Css,我有一个简单的上锚在我的网站,它的位置是固定的。我需要让它在顶部消失。我应该添加什么javascript代码? 最好使用简单的javascript(而不是jQuery) HTML: 在滚动窗口中添加一个侦听器,检查位置并切换显示 var btn=document.getElementById(“向上”); window.addEventListener(“滚动”),函数(){ btn.classList.toggle(“显示”,window.scrollY>100); }); div{heig
在滚动窗口中添加一个侦听器,检查位置并切换显示
var btn=document.getElementById(“向上”);
window.addEventListener(“滚动”),函数(){
btn.classList.toggle(“显示”,window.scrollY>100);
});代码>
div{height:100px;}
#向上{位置:固定;顶部:60px;右侧:60px;显示:无}
#go-up.show{display:block;}
X
X
X
X
X
将其包装成一个div,并在单击“臀部”窗口时将显示设置为“无”。onscroll
<a id="go-up" href="#top"></a>
a#go-up{
position: fixed;
border: 5px solid gray;
border-radius: 50%;
width: 50px;
height: 50px;
top: 400px;
left: 50px;
background-image: url(../pic/up.jpg);
background-position: center;
z-index: 100;
-webkit-filter: opacity(.4);
filter: opacity(.4);
}
a#go-up:hover{
-webkit-filter: opacity(1);
filter: opacity(1);
}