podświetl punkty nawigacyjne podczas przewijania w dół na stronie
Spróbuję to wyjaśnić :) Mam nawigację, która przewija do różnych kotwic na stronie. Gdy użytkownik znajduje się na jednej z kotwic, nawigacja pokazuje aktywne łącze.
Teraz myślę, że jednym fajnym efektem byłoby, gdyby użytkownik, powiedzmy, był na górze strony, kliknął na link, który przenosi nas na dół na stronie i podczas gdy przewijanie w dół każdego linku pomiędzy nimi będzie podświetlone, gdy przewiń przez. Jak światło stopu.
Mam na razie ten Jquery, ale tylko jego klasę dodaj / usuń w klikniętym linku. Jakieś pomysły na to, jak powinienem kontynuować?
$(document).ready(function($){
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top
}, 500);
return false;
});
$('.navigation ul li a').click(function () {
$('.navigation ul li a').removeClass('active');
$(this).addClass('active');
});
});
Stworzyłem teżJSfiddle