<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0;padding: 0; } div{ height: 3000px; width: 20px; background: red; } input{ position: fixed; right: 20px; bottom: 20px; } </style> </head> <body> <div></div> <input type="submit"> <script> window.onload=function () { var div = document.getElementsByTagName("div")[0]; var input = document.getElementsByTagName("input")[0]; input.onclick = function () { var time = setInterval(function () { document.documentElement.scrollTop-=document.documentElement.scrollTop/5; document.body.scrollTop-=document.body.scrollTop/5; if (document.documentElement.scrollTop <= 10 && document.body.scrollTop <= 10) { document.documentElement.scrollTop=0; document.body.scrollTop=0; clearInterval(time); } }, 50) } } </script> </body> </html>
返回顶部
最新推荐文章于 2022-06-04 11:00:00 发布