JSFiddle - React, Tailwind, and code Playground
HTML
<p>This is some other stuff at the top of the page</p>
<header>
<p>This is the start of the header</p>
<ul>
<li>Navitem 1</li>
<li>Navitem 2</li>
<li>Navitem 3</li>
<li>Navitem 4</li>
</ul>
</header>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent odio nisi, sagittis eu pharetra vel, egestas ac est. In hac habitasse platea dictumst. Aliquam a enim quam, et ultricies est. Nam mauris ligula, rhoncus vitae cursus at, interdum eu arcu. Aenean dignissim semper arcu in condimentum. Aliquam vel est sit amet ipsum pellentesque interdum. Donec ut tincidunt est. Vivamus eu ipsum massa. Ut at placerat magna. Suspendisse potenti. Suspendisse quis neque lectus, ac vestibulum lorem. Proin vel fermentum eros. Aliquam tortor urna, pretium eu fermentum quis, feugiat at sem. Suspendisse porta tincidunt sollicitudin. In non feugiat urna. Maecenas quis risus in nulla scelerisque sodales at a ante. Integer sapien velit, adipiscing a placerat in, pellentesque vel erat. Curabitur aliquam, augue ac posuere rhoncus, felis sapien tincidunt enim, ut euismod lorem tortor sed nunc. Integer eget varius neque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec auctor mauris mi. Etiam luctus pharetra tortor sit amet laoreet. Vivamus convallis suscipit nulla, a lobortis nulla dignissim id. Aliquam nisl quam, adipiscing a pulvinar ac, tempus ut eros. Sed mattis blandit augue et sagittis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam pharetra venenatis magna ac iaculis. Suspendisse et eros ante. Aliquam erat volutpat. Praesent erat ligula, ultrices non vestibulum dignissim, semper vitae felis. Phasellus metus elit, auctor et porttitor ut, mattis quis elit. Sed dignissim nunc quis neque posuere quis scelerisque mi hendrerit. Integer porta justo ac nunc viverra vehicula. Vestibulum ut nulla augue. Vestibulum ac mauris ut nisi mollis...
JavaScript
$('#goTop').click(function () {
$('html, body').animate({
scrollTop: $("header").offset().top
}, 500);
return false;
});