É possível fazer o efeito scrollspy somente com html e css?
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
Curtidas 0
Melhor post
Joel Rodrigues
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.
GOSTEI 3
Mais Respostas
Larissa Aguiar
09/06/2017
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!
GOSTEI 0