JSFiddle - React, Tailwind, and code Playground

HTML

<html>

  <body>
    <button id="example">
      click me
    </button>

    <div id="home" class="long-container">
      long old container
    </div>

    <div id="about">
      <div class="first-scroll"></div>
      <div class="second-scroll"></div>
    </div>
  </body>

</html>

CSS

.long-container {
  height: 2000px;
  background: #999;
}

JavaScript

$(document).ready(() => {
  $('#example').click(() => {
		$('html,body').scrollTop($('#about').offset().top);
  });
});