JSFiddle - React, Tailwind, and code Playground

HTML

<button>scroll</button>
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />
lots of text<br />vv

JavaScript

$('button').click(function(){
    $('body, html').animate({scrollTop:50});
});

$(window).scroll(function(){
    console.log('scrolling');
});