返回顶部

Posted 2020-10-19 小鬼PSer

 

<style>
#back-top {
     position: fixed;
     bottom: 10px;
     right: 5px;
     z-index: 99;
}
#back-top span {
     width: 50px;
     height: 64px;
     display: block;
     background:url(http://images.cnblogs.com/cnblogs_com/seanshao/855033/o_rocket.png) no-repeat center center;
}
#back-top a{outline:none}
</style>

<script type="text/javascript">
$(function() {
    // hide #back-top first
    $("#back-top").hide();
    // fade in #back-top
    $(window).scroll(function() {
        if ($(this).scrollTop() > 500) {
            $(\'#back-top\').fadeIn();
        } else {
            $(\'#back-top\').fadeOut();
        }
    });
    // scroll body to 0px on click
    $(\'#back-top a\').click(function() {
        $(\'body,html\').animate({
            scrollTop: 0
        }, 800);
        return false;
    });
});
</script>

<p id="back-top" style="display: block;"><a href="#top"><span></span></a></p>