返回顶部

 1  var gotoTop=document.getElementById(‘div1‘);
 2     window.onscroll= function() {
 3         var y1=document.body.scrollTop||document.documentElement.scrollTop;
 4         if(y1>=100){
 5             gotoTop.style.display=‘block‘;
 6         }else{
 7             gotoTop.style.display=‘none‘;
 8         }
 9     };
10     gotoTop.onclick=function(){
11        pageScroll(); 
12     };
13     function pageScroll(){ 
14         //把内容滚动指定的像素数（第一个参数是向右滚动的像素数，第二个参数是向下滚动的像素数） 
15         window.scrollBy(0,-10); 
16         //延时递归调用，模拟滚动向上效果 
17         scrolldelay = setTimeout(‘pageScroll()‘,10); 
18         //获取scrollTop值，声明了DTD的标准网页取document.documentElement.scrollTop，否则取document.body.scrollTop；因为二者只有一个会生效，另一个就恒为0，
　　　　　　　　所以取和值可以得到网页的真正的scrollTop值 
19         var sTop=document.documentElement.scrollTop+document.body.scrollTop; 
20         //判断当页面到达顶部，取消延时代码（否则页面滚动到顶部会无法再向下正常浏览页面） 
21         if(sTop==0) clearTimeout(scrolldelay); 
22     } 

 1 function gotoTop(min_height){
 2         var gotoTop_html=‘<div id="gotoTop">返回顶部</div>‘;
 3         $(‘#page‘).append(gotoTop_html);
 4         $(‘#gotoTop‘).click(function(){
 5             $(‘html,body‘).animate({scrollTop:0},700);
 6         }).hover(function(){
 7             $(this).addClass("hover");
 8         },function(){
 9             $(this).removeClass("hover");
10         });
11         min_height?min_height=min_height:min_height=600;
12         $(window).scroll(function(){
13             var s=$(window).scrollTop();
14             if(s>min_height){
15                 $("#gotoTop").fadeIn(100);
16             }else{
17                 $("#gotoTop").fadeOut(200);
18             };
19         });
20     };
21     gotoTop();