Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá galera!
No site que segue abaixo, coloquei um efeito de scroll page usando jquery pra ficar mais bonitinho (cliquem em contato ou quem somos):
http://www.maxtronideias.com.br/
Esse efeito está em todas as páginas.
Coloquei outro efeito, o de light box dentro desta página:
http://www.maxtronideias.com.br/portfolio_fraldaemcasa.php
Só que o a função que chama o efeito de scroll page desabilita, como se o lightbox ficasse por cima deste.
Teria como eu deixar os dois abilitados ??
Função que chama efeito scroll page:
<script type="text/javascript">
$(document).ready(function() {
$('.scrollPage').click(function() {
var elementClicked = $(this).attr("href");
var destination = $(elementClicked).offset().top;
$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination-20}, 1000 );
return false;
});
});
</script>
[]'sO problema é queria resolver em Jquery mesmo, um colega meu disse que mudando as variáveis podia sanar o problema, mas como poderia fazer isso ?? ... alguém sabe ??
Solução:
http://www.dynamicdrive.com/dynamicindex5/bookmarkscroll.htm
(Tinha esquecido de postar, faz um tempo que já tinha resolvido).
Abraços
Cara, não será melhor você usar outro framework ?? ... é que não manjo muito de jquery se não podia te ajudar ...