JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div style="height: 1000px; background: gray;">
        <p id="text">text: </p>
    </div>
<body>

JavaScript

$('html, body')
  .animate({ scrollTop: 100 })
  .promise()
  .then(function(){
        $('#text').text(
            $('#text').text()+'scrolled  '
        );
  });