JSFiddle - React, Tailwind, and code Playground

HTML

<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>
<p>Padding</p>

JavaScript

if( $('html,body').scrollTop() != 150 ){
    $('html,body').animate({scrollTop: $(window).scrollTop() + 150}, 300);
}