# Botão "Voltar para o topo" Snippet para criar um botão para voltar ao topo do site {% tabs %} {% tab title="HTML" %} ```html ``` {% endtab %} {% tab title="CSS" %} ```css a[href="#top"]{ padding: 10px; position: fixed; top: 90%; right: 40px; display: none; transition: ease-in-out .2s; } a[href="#top"]:hover{ opacity: .8; } ``` {% endtab %} {% tab title="Javascript" %} ```javascript jQuery(document).ready(function(){ jQuery(window).scroll(function(){ if (jQuery(this).scrollTop() > 100) { jQuery('a[href="#top"]').fadeIn(); } else { jQuery('a[href="#top"]').fadeOut(); } }); jQuery('a[href="#top"]').click(function(){ jQuery('html, body').animate({scrollTop : 0},800); return false; }); }); ``` {% endtab %} {% endtabs %} ### Como usar Insira o bloco de código ***HTML*** no arquivo `layouts/default.html` antes do fechamento da tag `` Insira o bloco de código ***CSS*** em sua folha de estilo Insira o bloco de código ***Javascript*** em seu arquivo `.js.`