1. <script type="text/javascript">
   ? ? ? ?window.onload=function(){
   ? ? ? ? ? ?var obtn=document.getElementById("btn");
   ? ? ? ? ? ?var timer=null;
   ? ? ? ? ? ?var isTop=true;
   ? ? ? ? ? ?var clientHeight=document.documentElement.clientHeight;

? ? ? ? ? ?window.onscroll=function() {//滾動條滾動時觸發(fā)
? ? ? ? ? ? ? ?var osTop=document.documentElement.scrollTop||document.body.scrollTop;
? ? ? ? ? ? ? ?if(osTop>=clientHeight){
? ? ? ? ? ? ? ? ? ?obtn.style.display="block";

? ? ? ? ? ? ? ?}
? ? ? ? ? ? ? ?else{
? ? ? ? ? ? ? ? ? ?obtn.style.display="none";
? ? ? ? ? ? ? ?}

? ? ? ? ? ? ?if(!isTop){
? ? ? ? ? ? ? ? ?clearInterval(timer);
? ? ? ? ? ? ?}
? ? ? ? ? ? ?isTop=false;
? ? ? ? ? ?};
? ? ? ? ? ?obtn.onclick=function(){
? ? ? ? ? ? ? ?timer=setInterval(function(){//設(shè)置定時器
? ? ? ? ? ? ? ? ? ?var osTop=document.documentElement.scrollTop||document.body.scrollTop;
? ? ? ? ? ? ? ? ? ?var sped=Math.floor( -osTop / 5);
? ? ? ? ? ? ? ? ? ?document.documentElement.scrollTop=document.body.scrollTop =osTop+sped;
? ? ? ? ? ? ? ? ? ?isTop=true;
? ? ? ? ? ? ? ? ? ?if(osTop==0){
? ? ? ? ? ? ? ? ? ? ? ?clearInterval(timer);
? ? ? ? ? ? ? ? ? ?}

? ? ? ? ? ? ? ?},30);

? ? ? ? ? ?}
? ? ? ?}
? ?</script>