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/


questionAnswers(3)

yourAnswerToTheQuestion