jQuery实现返回顶部

<style type="text/css">
    *{margin:0; padding:0;}
    .top{position: fixed; right:0; bottom: 10%; color:#008451; background: #999; display:none;}
</style>

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<a href="#" class="top">top</a>


<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<script>
    $(function() {
        var ele = $(".top");
        $(window).scroll(function() {
            var scrollH = $(window).scrollTop();
            if(scrollH > 400) {
                ele.fadeIn();
            }else {
                ele.fadeOut();
            }
        })
        ele.click(function() {
            $("body,html").stop().animate({"top":"0"}, 300);
            return false;
        })
    })
</script>