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


Moderador: web

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

Mudar a cor de fundo do documento ao chegar na posição da div

02-03-2016 17:10

Nesse post vou mostrar um exemplo em jQuery onde a cor de fundo do documento é alterado quando o documento for rolado e a div ficar posicionada no topo do navegador. Esse efeito pode ser usado para alterar a classe de um elemento, mostrar ou esconder div ou figura, etc.

<script src="jquery.js"></script> <script> $(function() { $(window).scroll(function() { alvo = $("#alvo").offset().top; posicao = $(window).scrollTop(); if(posicao > alvo) { $('body').css({'background-Color':'gray'}); } else { $('body').css({'background-Color':'white'}); } }); }); </script> <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 /> <div id="alvo">#</div> <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 />

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado