Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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á.
:)
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;
}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 !! :)
Ó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 !! :)
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 !!
:)
voce quer tipo esse?
http://www.consultoriaexponencial.com.br/institucional
menu com sub menus, quando passa o mouse aparece ( ou clilca) ??
Simples amigo, na div que você quer que acompanhe a tela você faz o seguinte, vou usar a div #menu como exemplo: