<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>回到顶部</title>
<style type="text/css">
body{height: 1500px;}
#btn{
height: 30px;
width: 100px;
background: red;
display: none;
position: fixed;
right:20px;
bottom: 80px
}
</style>
</head>
<body>
<input type="button" id="btn" value="回到顶部">
<script>
var oBtn = document.getElementById("btn");
window.onscroll = function(){
var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
if(scrollTop>=300){
btn.style.display = "block";
}else{
btn.style.display = "none";
}
btn.onclick = function(){
scrollTop = document.documentElement.scrollTop=document.body.scrollTop=0;
}
}
</script>
</body>
</html>