Soul

<!--up-->
<style type="text/css">
 .scroll-to-top-button{
 background: #666 url(/путь до картинки/картинка наверх) center center no-repeat;
 width: 40px;
 height: 5px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -o-border-radius: 5px;
 cursor: pointer;
 padding: 15px;
 margin: 40px;
 
 }
 </style>
 
 <script type="text/javascript">
 (function(jq) {
 jq.autoScroll = function(ops) {
 ops = ops || {};
 ops.styleClass = ops.styleClass || 'scroll-to-top-button';
 var t = jq('<div class="'+ops.styleClass+'"></div>'),
             d = jq(ops.target || document);
 jq(ops.container || 'body').append(t);
 
 t.css({
 opacity: 0,
 position: 'absolute',
 top: 0,
 left: 3
 }).click(function() {
 jq('html,body').animate({
 scrollTop: 0
 }, ops.scrollDuration || 1000);
 });
 
 d.scroll(function() {
 var sv = d.scrollTop();
 if (sv < 500) {
 t.clearQueue().fadeOut(ops.hideDuration || 500);
 return;
 }
 
 t.css('display', '').clearQueue().animate({
 top: sv,
 opacity: 0.8
 }, ops.showDuration || 500);
 });
 };
 })(jQuery);
 </script>
 
 <script type="text/javascript">
 $(document).ready(function() {
      $.autoScroll({
 scrollDuration: 500, 
 showDuration: 600, 
 hideDuration: 300
 });
     });
 </script>
<!--/up-->