Кнопка возрата на верх

Ссылка:

<div id="back-top" style="display: block;">
<a href="#">
<span></span>
</a>
</div>

JS код:

<script>
jQuery("#back-top").hide();
// fade in #back-top
jQuery(function () {
    jQuery(window).scroll(function () {
    if (jQuery(this).scrollTop() > 100) {
        jQuery('#back-top').fadeIn();
    } else {
        jQuery('#back-top').fadeOut();
    }
    });
    // scroll body to 0px on click
    jQuery('#back-top a').click(function () {
        jQuery('body,html').animate({
        scrollTop: 0
        }, 400);
        return false;
    });
}); </script>

CSS:

#back-top {
    bottom: 60px;
    position: fixed;
    right: 40px;
    z-index: 99;
}
#back-top a {
    background: url("../img/up-arrow.png") no-repeat scroll 50% 12px #e4e4e4;
    border-radius: 1000px;
    display: block;
    font-size: 0;
    height: 42px;
    line-height: 0;
    overflow: hidden;
    text-align: center;
    text-indent: 999px;
    transition: all 0.2s ease 0s;
    width: 42px;
}
#back-top a:hover {
    background-color: #a4a4a4;
}

Картинка:

Скачать