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

Pure js solution for newcomers or anyone else.

var scrollAmount = 150;
var element = document.getElementById("elem");

element.addEventListener("click", scrollPage);

function scrollPage() {
    var currentPositionOfPage = window.scrollY;
    window.scrollTo(0, currentPositionOfPage + scrollAmount);
}