JSFiddle - React, Tailwind, and code Playground

by Trey Hunner

HTML

<a href="#anchor">Link to jump to anchored content</a>

<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mi justo, aliquet at maximus vitae, lacinia at felis. Maecenas ac felis tellus. Aliquam enim nisl, congue nec tellus eu, iaculis luctus nunc. Curabitur id auctor dui. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris ultricies a augue nec convallis. Etiam est nisi, molestie sit amet lectus sit amet, interdum pretium ipsum. Curabitur felis sem, scelerisque quis pulvinar nec, convallis ac justo.
</p><p>
Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec fringilla orci id venenatis interdum. Nulla ut ante tellus. Aenean et ante orci. Nunc eget neque suscipit, volutpat erat sit amet, tristique odio. Fusce ut dapibus ex, quis tempor quam. Curabitur et vehicula ante. Phasellus faucibus felis eget dapibus molestie. Aliquam dapibus vehicula ultricies. Curabitur mollis, leo venenatis hendrerit ornare, orci lacus tempus mi, ut iaculis velit mauris sed purus. Duis mollis vestibulum nulla a pharetra. Phasellus eu pellentesque ligula. Pellentesque imperdiet magna eu mauris porta pretium. Etiam vitae nunc ligula. Ut non sodales nunc, a sodales enim.
</p><p>
Nullam blandit varius nibh, id sodales nisl egestas a. Fusce sed quam a elit facilisis aliquam. Vestibulum facilisis pharetra libero, quis volutpat erat posuere at. Morbi convallis, metus non gravida ultrices, mauris eros semper dolor, sit amet elementum orci enim id lacus. Duis ut urna ac nisl mollis fermentum. Phasellus lobortis, tellus eu elementum condimentum, tellus leo aliquam nulla, ut facilisis velit tortor quis odio. Donec porttitor, sem a gravida vulputate, dolor lacus vulputate justo, sed varius sem orci ac magna. Curabitur enim quam, varius eget sapien at, fringilla scelerisque magna. Nunc accumsan quam ipsum, eu dictum lectus porta id. Phasellus nulla erat, luctus nec neque a, varius posuere magna. Nulla facilisi.
</p><p>
Nunc...

CSS

html {
  font-size: 2em;
}
div {
    color: green;
}

JavaScript

window.addEventListener('hashchange', function() {
  window.scrollTo(0, window.pageYOffset - 80);
});