JSFiddle - React, Tailwind, and code Playground

by Joe Cisneros

HTML

<h1>test</h1>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan tincidunt ipsum pulvinar faucibus. Pellentesque vulputate fermentum nulla sit amet scelerisque. Integer felis neque, molestie a sagittis eget, tincidunt id erat. Quisque a consequat ligula. Vivamus non elit est. Vivamus pretium aliquet nibh ornare mattis. Mauris eget ipsum nisl, non tincidunt mauris. Aenean eu turpis dui.</p>

<a id="go-to-top" href="#">Top</a><p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan tincidunt ipsum pulvinar faucibus. Pellentesque vulputate fermentum nulla sit amet scelerisque. Integer felis neque, molestie a sagittis eget, tincidunt id erat. Quisque a consequat ligula. Vivamus non elit est. Vivamus pretium aliquet nibh ornare mattis. Mauris eget ipsum nisl, non tincidunt mauris. Aenean eu turpis dui.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan tincidunt ipsum pulvinar faucibus. Pellentesque vulputate fermentum nulla sit amet scelerisque. Integer felis neque, molestie a sagittis eget, tincidunt id erat. Quisque a consequat ligula. Vivamus non elit est. Vivamus pretium aliquet nibh ornare mattis. Mauris eget ipsum nisl, non tincidunt mauris. Aenean eu turpis dui.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan tincidunt ipsum pulvinar faucibus. Pellentesque vulputate fermentum nulla sit amet scelerisque. Integer felis neque, molestie a sagittis eget, tincidunt id erat. Quisque a consequat ligula. Vivamus non elit est. Vivamus pretium aliquet nibh ornare mattis. Mauris eget ipsum nisl, non tincidunt mauris. Aenean eu turpis dui.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris accumsan tincidunt ipsum pulvinar faucibus. Pellentesque vulputate fermentum nulla sit amet scelerisque. Integer felis neque, molestie a sagittis eget, tincidunt id erat. Quisque a consequat ligula. Vivamus non elit est. Vivamus pretium aliquet nibh ornare...

CSS

p
{
    margin-bottom: 20px;
}
h1
{
    font-size: 20px;
}

JavaScript

$('#go-to-top').click(function(){ 
    $('html').animate({ scrollTop: 200 }, 'slow'); return true; 
});