<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!-- TOP PAGE --> <span id="top-page-block" class="hidden"> <a href="javascript:void(0)" data-target="#top" style="color:#34A853;" class="well well-sm" onclick="$('html,body').animate({scrollTop:0},'slow');return false;"> <i class="glyphicon glyphicon-chevron-up"></i> </a> </span> <!-- / TOP PAGE -->

/* =Top Page ------------------------------------------------------- */ #top-page-block.affix-top { position: absolute; bottom: -82px; left: 10px; } #top-page-block.affix { position: fixed; bottom: 18px; z-index: 100; left: 10px; }

// Função TOP PAGE if ( ($(window).height() + 100) < $(document).height() ) { $('#top-page-block').removeClass('hidden').affix({ offset: {top:100} }); }