// 此处为返回顶部按钮绑定返回顶部的动画函数
    $('button').click(function () {
        $('html,body').animate({ // animate可以为对应的DOM设置动画和执行时间等
            scrollTop: 0
        }, 300);
    });
    // scrollTop()返回滚动条距离顶端的距离；
    $(window).on('scroll', function () {
        console.log($(window).scrollTop() + '/' + $(window).height());
        if ($(window).scrollTop() === 0)
            $('button').fadeOut(); // 淡入
        else
            $('button').fadeIn(); // 淡出

    });
    // 刷新后淡入会被重置，不会触发scroll事件，所以刷新后在此处执行scroll事件来保证淡入淡出的效果
    $(window).trigger('scroll');