Не получается при скролле менять активные якорные ссылки. в js не силен, но кое что все таки сделал изменение класса при клике, но остальное вместе с этими скриптами не получается.
$(".nav-menu ul li").click(function(e) {
$(".nav-menu ul li").removeClass('active');
$(this).addClass('active');
});
$(".nav-menu").on("click", "a", function(event) {
event.preventDefault();
var id = $(this).attr('href'),
top = $(id).offset().top;
$(body, html).animate({
scrollTop: top
}, 500);
});
<div class="nav-menu">
<ul class="dot-nav">
<li>
<a href="#nav-b1" class="active">
<span>Boards</span>
</a>
</li>
<li>
<a href="#nav-b2" class="">
<span>Boards</span>
</a>
</li>
<li>
<a href="#nav-b3" class="">
<span>Boards</span>
</a>
</li>
<li>
<a href="#nav-b4" class="">
<span>Boards</span>
</a>
</li>
<li>
<a href="#nav-b5" class="">
<span>Boards</span>
</a>
</li>
<li>
<a href="#nav-b6" class="">
<span>Boards</span>
</a>
</li>
</ul>
</div>