Botão de "Subir" que fica no rodapé do site - Comunidade uCoz em Português

Página 1 de 1
1

Botão de "Subir" que fica no rodapé do site

Botão de "Subir" que fica no rodapé do site

angel

Mensagens: 77

Reputação: 0

Mensagem # 1 | 2:59 PM 2014-10-27

Por favor, poderia deixar o passo a passo de como colocar um botão de "Subir" no rodapé, mas que não conflite com o da Barra Social, igual esse aqui do forum. Grata.

ShZlot

Administradores

Mensagens: 804

Reputação: 10

Mensagem # 2 | 3:45 PM 2014-10-27

angel, como mostra o exemplo nesse link http://pastehtml.com/raw/bp0baycwf.html

Segue os códigos abaixo onde você deve colocar na "Parte inferior do site".

HTML:

Código

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

CSS:

Código

<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>

Java Script:

Código

<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>

Obs.: para usuário que não sejam do uCoz, é necessário usar jQuery.

Lembre-se! Não estamos na sua cabeça, então seja claro ao postar uma dúvida.
Não dou suporte por mensagem privada. Quem preferir suporte particular, procure no Painel de Controle do site ou na página http://www.ucoz.com.br/contact.

Botão de "Subir" que fica no rodapé do site

Página 1 de 1
1