原生js-返回顶部
Posted 我叫大王来巡山
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了原生js-返回顶部相关的知识，希望对你有一定的参考价值。
html部分：
<body style="height:2000px">
<div id="div1">
返回顶部
</div>
</body>
css部分：
#div1{
position:fixed;
_position:absolute;
right:0;
bottom:0;
width:200px;
height:200px;
background:#f00;
display:none;
}
js部分：
window.onscroll=function(){
if(-[1,]){
var y=window.pageYOffset;
}else{
var y=document.documentElement.scrollTop;
}
var div1=document.getElementById("div1");
if(y>=150){
div1.style.display="block";
}else{
div1.style.display="none";
}
div1.onclick=function(){
window.scrollTo(0,0);
}
}
以上是关于原生js-返回顶部的主要内容，如果未能解决你的问题，请参考以下文章