首页 > 代码库 > 返回顶部
返回顶部
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>返回顶部</title> <style> body{ height: 3000px; } #box{ height: 80px; width: 30px; background: orange; border:1px red solid; cursor: pointer; position:fixed; bottom: 50px; right: 50px; display: none; } </style></head><body> <div id="box">返回顶部</div></body><script> var oBox = document.getElementById("box"); var speed = 10; var time = null; window.onscroll = function(){ var Top = document.documentElement.scrollTop ||document.body.scrollTop; if (Top<=0) { clearInterval(time); }; if (Top>300) { oBox.style.display = "block"; }else{ oBox.style.display = "none"; }; } oBox.onclick=function(){ time = setInterval(move,1) function move(){ document.body.scrollTop -= speed; document.documentElement.scrollTop-= speed; //console.log(document.body.scrollTop) } }</script></html>
返回顶部
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。