<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #top{ position:fixed; right: 0; bottom: 0; width: 100px; height: 100px; background-color: #ccc; display: none; } </style> </head> <body> <div id="box"> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p><p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> <p>售货机</p> </div> <div id="top">返回顶部</div> </body> <script type="text/javascript"> var oBox=document.getElementById('box'); var oTop=document.getElementById('top'); var timer=null; onscroll=function(){ var st=document.documentElement.scrollTop||document.body.scrollTop; var ch=document.documentElement.clientHeight||document.body.clientHeight; if(st>=ch){ oTop.style.display='block'; }else{ oTop.style.display='none'; } } oTop.onclick=function(){ clearInterval(timer); timer=setInterval(function(){ var st=document.documentElement.scrollTop||document.body.scrollTop; var speed=st/100; document.documentElement.scrollTop=document.body.scrollTop=st-speed; if(st==0){ clearInterval(timer); } }) } </script> </html>