JSFiddle - React, Tailwind, and code Playground

by vcode

HTML

<nav>nav content</nav>
<main>main content</main>
<a href="javascript:;">scroll top</a>
<footer>footer content</footer>

CSS

nav{
  padding: 10px;
  background: grey;
}
main{
  height:800px;
  background: lightgrey;
}
footer{
  padding: 10px;
  background: grey;
}
body{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
main{
  flex: 1;
}
a{
  position: fixed;
  right: 40px;
  bottom: 40px;
}

JavaScript

$('a').click(function(){
	$('body').animate({
      scrollTop: 0
    }, 1000);
})