返回顶部

一、根据距离返回

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

二、根据时间返回

function gotoTop(min_height){
        var gotoTop_html='<div id="gotoTop">返回顶部</div>';
        $('#page').append(gotoTop_html);
        $('#gotoTop').click(function(){
            $('html,body').animate({scrollTop:0},700);
        }).hover(function(){
            $(this).addClass("hover");
        },function(){
            $(this).removeClass("hover");
        });
        min_height?min_height=min_height:min_height=600;
        $(window).scroll(function(){
            var s=$(window).scrollTop();
            if(s>min_height){
                $("#gotoTop").fadeIn(100);
            }else{
                $("#gotoTop").fadeOut(200);
            };
        });
    };
    gotoTop();