Question

using jQuery and the scrollTo function, is it possible to scroll a certain amount of pixels each time you press a button?

I can already scroll a set amount from the top each time the button is pressed, however I want to keep scrolling everytime the button is pressed.

Answer 1

$('#theButton').on('click', function()
{
    $('html, body').animate({
        scrollTop: Math.abs( $('html').offset().top ) + 20
    }, 500);
});

Note: If you’re using jQuery < 1.7, use .bind instead of .on.

You should also cache those selectors…