JSFiddle - React, Tailwind, and code Playground

HTML

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Temporibus suscipit, obcaecati non, molestias dolore dicta atque omnis dolores praesentium accusantium aut repellendus laborum quam magnam minus, rerum impedit aperiam magni.</div>
<div>Nihil optio, consectetur, a laboriosam aut explicabo exercitationem incidunt velit cum neque deleniti minima, quibusdam necessitatibus fuga dolorem amet asperiores alias. Labore dolore, quis? Beatae maiores modi nihil quis, rerum!</div>
<div>Sit tempora suscipit commodi, deleniti repellendus. Vitae aspernatur minima eligendi vero sapiente nam soluta accusantium hic, doloremque, alias explicabo assumenda repellat, esse eius ducimus repellendus ratione! Veniam tempora, ducimus esse.</div>
<div>Eveniet laboriosam ipsa vitae veniam ab. Magnam debitis odit amet reprehenderit itaque, non sit necessitatibus. Error dicta sequi, commodi sit minus? Consectetur facere in, qui velit quae veniam, architecto odit!</div>
<div>Harum pariatur quos quidem iusto culpa voluptatibus explicabo aspernatur distinctio ratione beatae minima sint, ut animi sequi, voluptas maxime laborum corporis, vitae eaque nobis. Tenetur labore, sapiente. In, totam dolorum.</div>
<div id="saler">Quas veritatis, animi libero molestias explicabo, iure aut eos saepe facilis nihil amet natus unde sed consectetur, rem obcaecati esse et! Iste at quaerat eius rerum, asperiores. Alias numquam, eaque.</div>
<div>Doloribus, asperiores iure velit tempore. Voluptas laudantium ex cumque reiciendis, est quae error ducimus. Neque quod ea qui dolorem maiores beatae, totam repellat ratione dignissimos, odio doloremque ducimus. Aperiam, unde!</div>
<div>Temporibus modi nisi, repellendus. Porro labore sunt quibusdam facere, libero molestias quam. Consequuntur nihil necessitatibus labore maxime quo earum, at suscipit similique vitae iste reprehenderit eius hic vero, quia debitis?</div>
<div>Quas voluptate voluptatibus, ipsum et omnis voluptatem, culpa magni, quibusdam error...

JavaScript

jQuery(document).ready(function($) {
  var body = $("html, body");
  let timeout;
  if (body.scrollTop() < 100) {
    timeout = setTimeout(function() {
      $("html, body").animate({
        scrollTop: $("#saler").offset().top
      }, 2000);
    }, 2000)
  }
  $(document).on('scroll', () => clearTimeout(timeout));
});