É possível fazer o efeito scrollspy somente com html e css?
09/06/2017
0
Oi gente, tudo bem?
Acho o efeito scrollspy o máximo, mas só consegui fazer usando bootstrap e materialize.
Queria saber se tem coimo eu criar um meu, personalizado, apenas com html e css?
Acho o efeito scrollspy o máximo, mas só consegui fazer usando bootstrap e materialize.
Queria saber se tem coimo eu criar um meu, personalizado, apenas com html e css?
Larissa Aguiar
Curtir tópico
+ 0
Responder
Post mais votado
14/06/2017
Olá, Larissa. Tudo bem?
Ao usar Bootstrap e Materialize eles fazem uso de jQuery para aplicar o efeito. No entanto, você pode fazer o mesmo para um menu personalizado sem usar esses frameworks.
Basicamente o funcionamento desse efeito é o seguinte: controlar o efeito de scroll da página e à medida que o topo de determinado elemento alcançar uma altura da tela, adicionar uma classe como "active" no menu correspondente a ele. Para isso você pode usar o atributo id da div igual ao href dos links.
Ao usar Bootstrap e Materialize eles fazem uso de jQuery para aplicar o efeito. No entanto, você pode fazer o mesmo para um menu personalizado sem usar esses frameworks.
Basicamente o funcionamento desse efeito é o seguinte: controlar o efeito de scroll da página e à medida que o topo de determinado elemento alcançar uma altura da tela, adicionar uma classe como "active" no menu correspondente a ele. Para isso você pode usar o atributo id da div igual ao href dos links.
Joel Rodrigues
Responder
Mais Posts
20/06/2017
Larissa Aguiar
Olá Joel,
Entendi. Pela questão da rapidez de fazer esse efeito parece que é melhor usar o bootstrap ou o materialize mesmo. Eu até cheguei a tentar fazer isso, mas não estou conseguindo fazer com que o menu sinalize ao usar o scroll do mouse.
Quando eu resolver aqui, eu avisarei dizendo.
Muito obrigada Joel, +1!
Entendi. Pela questão da rapidez de fazer esse efeito parece que é melhor usar o bootstrap ou o materialize mesmo. Eu até cheguei a tentar fazer isso, mas não estou conseguindo fazer com que o menu sinalize ao usar o scroll do mouse.
Quando eu resolver aqui, eu avisarei dizendo.
Muito obrigada Joel, +1!
Responder
Clique aqui para fazer login e interagir na Comunidade :)