Obrigado pelo vídeo Matheus. Aprendi a entender sobre a altura que é necessária para centralizar verticalmente o menu. Agora, uma coisa que eu já sabia e posso contribuir aqui é a utilização da propriedade GAP que vai direto na ul. Isso vai eliminar a necessidade do li.
muito bom o vídeo. no meu caso não funcionou 100% pois acabou que alguns conteúdos da minha página deixavam meu menu sobreposto. funcionou com a seguinte configuração (exemplo): menu { background-color: #fff; color: #fff; position: sticky; top: 0; z-index: 3; } espero ter ajudado caso alguém tenha o mesmo inconveniente. parabéns pelo vídeo!
e se o menu nao estiver no top como faço, exemplo tem uma imagem da logo na largura total e em baixo esta o menu so que quando rolar para baixo quero que role ate o menu ficar certo em cima sumindo a imagem e depois ele fixe no topo é possível?
Oi Matheus, é possivel com CSS se, ao invés de clicar no botão do menu (pra dar o scroll) eu for descendo a rolagem normalmente, ele ir "acendendo" o botão do menu correspondente quando o Y chegar no ponto? Por exemplo: se eu tenho um menu horizontal com 10 itens e conforme eu for rolando, ele vai acendendo (active) o menu lá em cima?
Eu fiz tudo correto, está funcionando, porém quando eu adiciono um botão (ou até mesmo um link com bordar) a tag fixed funciona, porém deixando o botão ficar por cima. Somente o botão!! Porque? O meu link (botão que criei) está funcionando perfeitamente.
isso ocorre porque com position fixed, ele usa a largura do conteudo e não da pagina, n sei porque mas acontece isso, usa o width:100% que arruma caso seja isso
Obrigado pelo vídeo Matheus. Aprendi a entender sobre a altura que é necessária para centralizar verticalmente o menu. Agora, uma coisa que eu já sabia e posso contribuir aqui é a utilização da propriedade GAP que vai direto na ul. Isso vai eliminar a necessidade do li.
muito bom o vídeo. no meu caso não funcionou 100% pois acabou que alguns conteúdos da minha página deixavam meu menu sobreposto. funcionou com a seguinte configuração (exemplo):
menu {
background-color: #fff;
color: #fff;
position: sticky;
top: 0;
z-index: 3;
}
espero ter ajudado caso alguém tenha o mesmo inconveniente. parabéns pelo vídeo!
Funcionou d++ dessa forma aqui vlw vlw!!!
NOSSA! me salvou muiito, obrigada 😁
eu estava a uns 3 dias tentando resolver esse mesmo problema e nada funcionava
valeu amigo ajudou muito
Parabéns pelo conteúdo, simples e bem explicativo.
Top, me ajudou muito no menu de um projeto de site que estou fazendo
top me ajudou no padding estava fixando mais ficava sobre o conteudo obrigado me ajudou!!!
Da hora, valeu pela explicação simples e direta ao ponto!
Funcionou perfeitamente! Parabéns, Cara! Muito obrigado!
Muito obrigada, rápido e objetivo!
e se o menu nao estiver no top como faço, exemplo tem uma imagem da logo na largura total e em baixo esta o menu so que quando rolar para baixo quero que role ate o menu ficar certo em cima sumindo a imagem e depois ele fixe no topo é possível?
preciso fazer isso mas com typescript utilizando nextJS, quero ele transparente por cima da imagem do hero e assim que começar o scroll ele ganha cor.
Muito obrigado, amigo! Me salvou aqui
de nada Victor!
Conteúdo muito bom, me ajudou muito.
tem como criar um menu lateral fixo com bootstrap 5, estou acompanhando seu curso na udemy
Valeu pelo conteúdo, me ajudou muito!!! 👏👏👏👏👏
de nada Caroline!
Top , bem rápido e bem explicado. .
Estou aprendendo bastante com você. :)
Opaaa, que bom Crislaine !
Meu deus quero chegar no seu nível
é só persistir Alexandre!
Simples e objetivo. Vlw flw tmj
valeu!
Oi Matheus, é possivel com CSS se, ao invés de clicar no botão do menu (pra dar o scroll) eu for descendo a rolagem normalmente, ele ir "acendendo" o botão do menu correspondente quando o Y chegar no ponto? Por exemplo: se eu tenho um menu horizontal com 10 itens e conforme eu for rolando, ele vai acendendo (active) o menu lá em cima?
Amei o seu vídeo
valeu!
o meu menu fixou, porém o conteúdo está passando por cima do menu.
vlw ajudou demais
me salvou
Eu fiz tudo correto, está funcionando, porém quando eu adiciono um botão (ou até mesmo um link com bordar) a tag fixed funciona, porém deixando o botão ficar por cima. Somente o botão!! Porque? O meu link (botão que criei) está funcionando perfeitamente.
estou com o mesmo problema, vc conseguiu solucionar?
@@JacqShiota oi, estou com esse problema, conseguiu solucionar?
@@carloscampos6973 dá uma olhada no flexbox, talvez resolva ou colocando um relative na tag mãe do menu.
Fixa o antivírus no topo
o meu não ficou :(
]
vlwwww
Top...
O problema é quando restaura a janela, fica tudo desconfigurado.
usa o width: 100% no css
isso ocorre porque com position fixed, ele usa a largura do conteudo e não da pagina, n sei porque mas acontece isso, usa o width:100% que arruma caso seja isso
🙂Me ajudou mto a adaptar o código #menu para o site que eu estava fazendo para treinar. Muito obrigado @Matheus Battisti
De nada!