; Jquery: animer la page vers le bas à 100px de la position actuelle de l'écran

Question

Je dois animer un défilement à partir de la position actuelle de l’écran, d’un nombre de pixels défini.

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

ou?

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

Answer 1

Il suffit de changer:

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

Pour ça:

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

Voir la démo: http://jsfiddle.net/fpxuC/

Answer 2

Découvrez le plugin jQuery.ScrollTo. Vous pouvez faire quelque chose comme: $(...).scrollTo( '+=100px', 800 );

Regardez l'exemple pour tout ce que ce plugin peut faire: 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