Mudar header ao rolar a página
2 participantes
Página 1 de 1
Mudar header ao rolar a página
Olá amigos, estou desenvolvendo uma página HTML que deverá ter o seguinte efeito, ao rolar a página o header dela sera trocado.
Vejam
Header padrão
Header ao rolar a página
(será atualizado ainda)
Estou usando o seguinte código para obter o efeito
Sabem onde estou errando? Ou podem me ajudar aqui? Fico grato
Vejam
Header padrão
Header ao rolar a página
(será atualizado ainda)
Estou usando o seguinte código para obter o efeito
- Código:
jQuery(document).scroll(function() {
var fixed = false;
if( jQuery(this).scrollTop() > 100 ) {
if( !fixed ) {
fixed = true;
jQuery('#scroll_header').slideDown(600);
jQuery('header').slideUp(500);
}} else {
if( fixed ) {
fixed = false;
jQuery('#scroll_header').slideUp(600);
jQuery('header').slideDown(500);
}}
});
Sabem onde estou errando? Ou podem me ajudar aqui? Fico grato
Re: Mudar header ao rolar a página
Olá amigo!
Eu não testei a mudança que fiz, mas seguindo a lógica, talvez funcione:
JS
Eu não testei a mudança que fiz, mas seguindo a lógica, talvez funcione:
- Código:
jQuery(document).scroll(function() {
var fixed = false;
if( jQuery(this).scrollTop() > 100 ) {
if( !fixed ) {
fixed = true;
jQuery('#scroll_header').slideDown(600);
jQuery('header').slideUp(500);
} else {
fixed = false;
jQuery('#scroll_header').slideUp(600);
jQuery('header').slideDown(500);
}
} else {
if( fixed ) {
fixed = false;
jQuery('#scroll_header').slideUp(600);
jQuery('header').slideDown(500);
} else {
fixed = true;
jQuery('#scroll_header').slideDown(600);
jQuery('header').slideUp(500);
}
}
});
JS
Re: Mudar header ao rolar a página
Ok, farei testes reais em seu fórum e retorno quando concluir!
Até mais,
JS
Até mais,
JS
Re: Mudar header ao rolar a página
Olá JS
Está página não é no meu fórum em si, é em um fórum de design onde eu sou Moderador
Aqui está o link
http://www.foxdesigner.biz
Caso deseje os códigos da página, me avise que eu posto ou mando por MP
Está página não é no meu fórum em si, é em um fórum de design onde eu sou Moderador
Aqui está o link
http://www.foxdesigner.biz
Caso deseje os códigos da página, me avise que eu posto ou mando por MP
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|