top - ; Jquery: animar página abajo 100px desde la posición actual de la pantalla

jquery animate tiempo

Question

Necesito animar un desplazamiento desde la posición actual de la pantalla, hacia abajo un número establecido de píxeles.

    $(''html,body'').animate({
        scrollTop: $(window).position().top += 100
    });

¿o?

    $(''html,body'').animate({
        scrollTop: ''+=100px''
    });

Answer 1

Echa un vistazo a la jQuery.ScrollTo plugin. Puedes hacer algo como: $(...).scrollTo( ''+=100px'', 800 );

Echa un vistazo a la muestra de todo lo que este complemento puede hacer: http://demos.flesler.com/jquery/scrollTo/

Answer 2

Solo cambio:

scrollTop: $(''body'').position().top += 100

A esto:

scrollTop: $(window).scrollTop() + 100

Ver demostración: http://jsfiddle.net/fpxuC/

Answer 3

$(''html,body'').animate({
        scrollTop: $(window).position().top += 100
    })

$(''html,body'').animate({
        scrollTop: ''+=100px''
    })

scrollTop: $(''body'').position().top += 100

scrollTop: $(window).scrollTop() + 100