How to make smooth scrolling on the button down to the next block?

Question

JavaScript

There is a button that, when pressed, should make a smooth scroll down a block. How to do this with jQuery? The block sizes are different. Or at least how to scroll down a certain number of pixels?

Answer 1

scroll down a certain number of pixels

$(".button").click(function(){
  document.documentElement.scrollTop = +20;
});