jQuery: Scroll down page a set increment (in pixels) on click?

Question

I\'m trying to make a page scroll down 150px from the current position when an element is clicked. So lets say you\'re roughly halfway scrolled down a page. You click this

Answer 1

Just check this:

$(document).ready(function() {
    $(".scroll").click(function(event){
        $('html, body').animate({scrollTop: '+=150px'}, 800);
    });
});

It will make scroller scroll from current position when your element is clicked

And 150px is used to scroll for 150px downwards