css部分：

<style type="text/css">

.container {

width:980px;

margin:0 auto;

height:auto;

min-height:100%;

position:relative;

}

.content {

height:2000px;

border:1px solid red;

}

#goToTop {

position:fixed;

bottom:20px;

right:10%;

}

#goToTop a {

background:none repeat scroll 0 0 #336699;

border:1px solid #CCCCCC;

border-radius:3px;

-webkit-border-radius:3px;

color:#FF9966;

font-size:14px;

padding:5px;

text-decoration:none;

text-shadow:0 1px 0 #999;

-webkit-text-shadow:0 1px 0 #999;

}

</style>

---

html部分：

<div class="container">

<div class="header">我是头部</div>

<div class="content">我是主内容，高度是2000px</div>

<div class="footer">我是在最底部</div>

<div id="goToTop"><a href="#">点我回到页面顶部</a></div>

</div>

---

js部分：

<script type="text/javascript">

$(document).ready(function(){

$('#goToTop a').click(function(){

$('html,body').animate({scrollTop:0},'slow');

});

});

</script>