Edit in JSFiddle

$("#click-me").on("click", function() {
    $("html, body").animate({
        scrollTop: 100
    }, "slow")
});
<div id="test">TEST</div>
<span id="click-me">CLICK</span>
#test {
    border: 1px solid #000;
    width: 100px;
    height: 1000px;
}