<a href="javascript://" id="hb-gotop" style="display: none;">Ir para cima</a></div>

<style type="text/css">
      #hb-gotop{
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   width:100px;
   background-color: #EEEEEE;
   background-color: rgba(238, 238, 238, 0.6);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99EEEEEE',EndColorStr='#99EEEEEE');
   text-align:center;
   padding:5px;
   position:fixed;
   bottom:10px;
   right:10px;
   cursor:pointer;
   color:#444;
   text-decoration:none;
   border:1px solid #C9C9C9;
      }
</style>

<script type="text/javascript">
      $(function() {
          $.fn.scrollToTop = function() {
              $(this).hide().removeAttr("href");
              if ($(window).scrollTop() != "0") {
                  $(this).fadeIn("slow")
        }
              var scrollDiv = $(this);
              $(window).scroll(function() {
                  if ($(window).scrollTop() == "0") {
                      $(scrollDiv).fadeOut("slow")
     } else {
         $(scrollDiv).fadeIn("slow")
      }
              });
              $(this).click(function() {
                  $("html, body").animate({
                      scrollTop: 0
                  }, "slow")
        })
    }
       });
      $(function() {
          $("#hb-gotop").scrollToTop();
      });
</script>