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