jquery scroll, altera a classe ativa de navegação à medida que a página é deslocada, em relação às seções
http://jsfiddle.net/motocomdigital/gUWdJ/
Eu sou depois de uma técnica de rolagem jquery por favor que eu gostaria de me adaptar ao meu projeto.
Por favor, veja o meu exemplo de projeto como um violino aquihttp://jsfiddle.net/motocomdigital/gUWdJ/
Atualmente você pode ver que meus links de navegação animam automaticamente a rolagem em relação ao<section>
é.
Minha pergunta é, usando o$(window).scroll
método, como posso adicionar um.active
classe para o meunav a
quando as seções chegam ao topo da janela?
Por exemplo, se o usuário rolar a página para baixo (em vez dos links de navegação), eu quero que a classe ativa seja adicionada ao link de navegação relativo. Indicando onde você está na página.
A classe ativa terá que ser removida, em seguida, adicionada toda vez que eu estou supondo que o usuário rola a página.
Além disso, você terá que considerar a altura de 28px da barra de navegação fixa, a janela superior de deslocamento.
Alguém pode por favor me mostrar uma técnica que eu possa tentar usar ou adaptar, ou talvez me mostrar usando o meu jsfiddle :)
Qualquer ajuda seria muito apreciada, obrigado antecipadamente!
http://jsfiddle.net/motocomdigital/gUWdJ/