JSFiddle - React, Tailwind, and code Playground

by Leonardo Diego

HTML

<h1>Conteudo</h1>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h2>Conteudo 2</h2>
<a href="#" class="scrollToTop">Topo</a>

CSS

scrollToTop{    
    position:fixed;
    top:75px; 
    right:40px;
    display:none;
}

JavaScript

$(document).ready(function(){

    //Verifica se a Janela está no topo
    $(window).scroll(function(){
        if ($(this).scrollTop() > 100) {
            $('.scrollToTop').fadeIn();
        } else {
            $('.scrollToTop').fadeOut();
        }
    });

    //Onde a mágia acontece! rs
    $('.scrollToTop').click(function(){
        $('html, body').animate({scrollTop : 0},800);
        return false;
    });

});