ScrollBottom que desaparece.

[rakshaka]

Hola muchachos tengo éste código y necesito que el boton:

<a href="#" id="scroll-to-bottom" class="scroll-btn bottom"> Scroll <span></span> </a>

Haga efecto de scroll hacia abajo y desaparezca al hacerlo. No puedo dar con el script correcto.


intenté con esto pero no hay caso:

Código Javascript:

Query(document).ready(function() {
    var offset = 220;
    var duration = 500;
    jQuery(window).scroll(function() {
        if (jQuery(this).scrollBottom() > offset) {
            jQuery('.scroll-to-bottom').fadeIn(duration);
        } else {
            jQuery('.scroll-to-bottom').fadeOut(duration);
        }
    });
    
    jQuery('.back-to-top').click(function(event) {
        event.preventDefault();
        jQuery('html, body').animate({scrollBottom: 100}, duration);
        return false;
    })
});
 

A ver si pueden ayudarme!