[Resolvido] Div cabecalho rolante e Div menu fixo

[GBVACCO 1]

Pessoal,

 

Estou tentando criar um cabeçalho com um menu logo abaixo e quando o usuário rolasse a tela para baixo o cabeçalho acompanhasse e o menu ficaria fixo no topo da página.

 

Como exemplo http://pinterest.com basta rolar a página para baixo, neste caso me parece ser apenas em CSS, já em outro exemplo o http://www.submarino.com.br funciona da mesma maneira, mais fica claro que eles usam JQUERY ou algo do gênero.

 

Gostaria utilizar somente CSS para este efeito se for possível.

 

Agradeço desde já.

 

:)

[NetBoy16 72]

Simples amigo, na div que você quer que acompanhe a tela você faz o seguinte, vou usar a div #menu como exemplo:

 

#menu {
position:fixed;
}

[fernandotholl 19]

Seria quase isso @NetBoy16,

 

Veja no exemplo que @GBVACCO colocou, o menu até atingir uma posição especifica acompanha o conteúdo, logo após o mesmo fica fixo.

 

Eu acredito ser feito em JavaScript,

 

Eu utilizei recentemente esse plugin em jQuery, veja:

 

http://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/

 

Não é exatamente o que vicê procura, mais pode ajudar.

 

Até +

 

Simples amigo, na div que você quer que acompanhe a tela você faz o seguinte, vou usar a div #menu como exemplo:

 

#menu {
position:fixed;
}

[GBVACCO 1]

Netboy já tentei colocar somente fixed, mas o problema que ela se mantem no mesmo lugar deixando o espaço do cabeçalho :/

 

Acredito que consigo alterar esse script para o que desejo fernandotholl ..

 

Obrigado pela colaboração !! :)

[fernandotholl 19]

Ótimo!!

 

Se você encontrar a solução ou se tiver qualquer dúvida poste ai, adaptamos juntos.

 

Boa sorte!

Att

 

Netboy já tentei colocar somente fixed, mas o problema que ela se mantem no mesmo lugar deixando o espaço do cabeçalho :/

 

Acredito que consigo alterar esse script para o que desejo fernandotholl ..

 

Obrigado pela colaboração !! :)

[GBVACCO 1]

Aee sucesso ! rss ...

 

Baseado na ajuda aqui no fórum comecei a pesquisar novamente no google e consegui achar a função ...

 

Se chama STAY ON TOP

 

Quem tiver interesse fica o link é esse http://www.1stwebdesigner.com/tutorials/create-stay-on-top-menu-css3-jquery/

 

Obrigado novamente a todos !!

 

:)

[Leonardo de Souza 0]

voce quer tipo esse?

 

http://www.consultoriaexponencial.com.br/institucional

 

menu com sub menus, quando passa o mouse aparece ( ou clilca) ??