Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17722
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Clicar no bloco fixo para ir para o topo da página jQuery

25-04-2015 22:35

Nesse post vou postar um código em jQuery que adicionar um bloco fixo ao rolar o documento.
Esse bloco ao ser clicado rola o documento até o topo.

No exemplo é um texto, mas você pode adicionar uma figura se desejar.

<script src="jquery.js"></script> <script> $(document).ready(function() { var altura = 500; // ALTURA QUE O BLOCO APARECE $(window).scroll(function() { if ($(window).scrollTop() > altura) { $(".topo").show(); $(".topo").css({position: "fixed", bottom: 0, right:0, margin: "50px" }); } else { $(".topo").hide(); } }); $('.topo').click(function() { $('html, body').animate({ scrollTop: 0 }, 'slow'); }); }); </script> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <span class="topo" title="" style="display:none;">TOPO</span> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />

3
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Google [Bot]