Search code examples
jqueryscrolltop

;Jquery: animate page down 100px from current screen position


I need to animate a scroll from the current screen position, down a set number of pixels.

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

or?

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

Solution

  • Just change:

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

    To this:

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

    See demo: http://jsfiddle.net/fpxuC/