jq返回顶部实现方法

点我回到页面顶部

 

 

jQuery.fn.goToTop = function(){

    // 判断如果窗口滚动距离小于0，隐藏按钮
    if($(window).scrollTop() < 0){
        $('#goToTop').hide();
    }

    // 窗口滚动时，判断当前窗口滚动距离
    $(window).scroll(function(){
        if($(this).scrollTop() > 1){
            $('#goToTop').fadeIn();
        }else{
            $('#goToTop').fadeOut();
        }
    });

    // 给这个按钮绑定一个click事件
    this.bind('click',function(){
        $('html ,body').animate({scrollTop: 0},500);
        return false;
    });
};

//调用这个插件
$(function(){
    $('#goToTop').goToTop();
});