일정위치에서 부드럽게 스크롤되는 toTop 플러그인

<div id="wrapper"></div>

---

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:100%;
background:url(../img/ui.totop.png) no-repeat left top;
}


#toTopHover {
background:url(../img/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}


#toTop:active, #toTop:focus {
outline:none;
}

---

<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="js/easing.js" type="text/javascript"></script>
<script src="js/jquery.ui.totop.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
  containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear' 
  };
*/

$().UItoTop({ easingType: 'easeOutQuart' }); 
});
</script>

Download: http://mattvarone.com/web-design/uitotop-jquery-plugin/