JSFiddle - React, Tailwind, and code Playground

by pleinx

HTML

a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>
<a id="target">##########</a>
a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>a sdfsdf <br>

CSS

a {
  font-size: 30px;
  color: red;
}

JavaScript

jQuery("html, body").stop(true, true).animate({ 
    scrollTop: $('#target').offset().top
}, 2000)