Tips: 本文创建于2016年5月27日,已超过 2 年,内容或图片可能已经失效!

html

<p class="link-back2top" style="display: block;"><a href="#" title="Back to top">Back to top</a></p> 

css

.link-back2top {  
    bottombottom: 50px;  
    height: 32px;  
    position: fixed;  
    width: 32px;  
    z-index: 3;  
    rightright: 50%;  
    margin-right: -480px;  
}  
  
.link-back2top a {  
    background: url(img/bg_top.png) no-repeat scroll 13px center #D6D6D6;  
    border-radius: 32px 32px 32px 32px;  
    display: block;  
    font-size: 0;  
    height: 32px;  
    line-height: 0;  
    overflow: hidden;  
    width: 32px;  
} 

js

<script>  
$(".link-back2top").hide();  
$(window).scroll(function() {  
    if ($(this).scrollTop() > 100) {  
        $(".link-back2top").fadeIn();  
    } else {  
        $(".link-back2top").fadeOut();  
    }  
});  
$(".link-back2top a").click(function() {  
    $("body,html").animate({  
        scrollTop: 0  
    },  
    800);  
    return false;  
});  
</script> 

css 图片

bg_top.png

呃……图片是透明的