首页 > 代码库 > dom 回到顶部(兼容IE FF Chrome)
dom 回到顶部(兼容IE FF Chrome)
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style> #wrap{ height:2000px; background:pink; position:relative; } #ontop{ position:absolute; bottom:0px; right:0px; background:red; color:#FFF; font-weight:bold; height:100px; width:100px; line-height:100px; text-align:center; cursor:pointer; } </style><script type="text/javascript">window.onload = function (){ var otop = document.getElementById(‘ontop‘); var timer = null; otop.onclick = function () { timer = setInterval(function() { document.body.scrollTop -= 50; document.documentElement.scrollTop -= 50; if(document.body.scrollTop == 0 && document.documentElement.scrollTop == 0 ) { clearInterval(timer); } },20) };};</script></head><body><div id="wrap"> <span id="ontop">回到顶部</span></div></body></html>
dom 回到顶部(兼容IE FF Chrome)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。