; Jquery: página animada hacia abajo 100px desde la posición actual de la pantalla

Question

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

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

o?

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

Answer 1

Sólo cambia:

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

A esto:

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

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

Answer 2

Compruebe el plugin jQuery.ScrollTo. Usted puede hacer algo como: $(...).scrollTo('+=100px', 800);

Mira la muestra para todo lo que este plugin puede hacer: http://demos.flesler.com/jquery/scrollTo/

Answer 3

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

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

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

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