Таня

 <style type="text/css">
    .scroll-to-top-button{
    background: url(../images/top.png) center center no-repeat;
    width: 87px;
    height: 87px;
    cursor: pointer;
    padding: 15px;
    margin: 5px;
    }
    </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,
    right: 0
    }).click(function() {
    jq('html,body').animate({
    scrollTop: 0
    }, ops.scrollDuration || 1000);
    });
 
    d.scroll(function() {
    var sv = d.scrollTop();
    if (sv < 10) {
    t.clearQueue().fadeOut(ops.hideDuration || 500);
    return;
    }
 
    t.css('display', '').clearQueue().animate({
    top: sv,
    opacity: 0.8
    }, ops.showDuration || 500);
    });
    };
    })(jQuery);
    </script>
    <div style="opacity: 0.8; position: absolute; top: 456px; right: 0px; display: none" class="scroll-to-top-button"></div>
    <script type="text/javascript">
    $(document).ready(function() {
    $.autoScroll({
    scrollDuration: 2000,
    showDuration: 600,
    hideDuration: 300
    });
    });
    </script>