Bootstrap and scrollTo.js navigation

Bootstrap and scrollTo.js navigation

I am a novice front-ender, and I have an incomprehensible problem. On my
page, when you click on the links from the top menu, it scrolls down to
the desired block. However, the link is not marked active unless the user
scrolls the page a few pixels down. Why is this happening and how can I
fix it? Here's the html:
<nav class="menu">
<div class="nav-collapse">
<ul class="nav">
<li><a data-action="scrollTo" href="#content"
class="hover">Download</a></li>
<li><a data-action="scrollTo"
href="#productfeatures">Product Features</a></li>
<li><a data-action="scrollTo"
href="#howitlooklike">How it look like</a></li>
<li><a data-action="scrollTo" href="#mobile">Mobile
Version</a></li>
<li><a data-action="scrollTo"
href="#footer">Contacts</a></li>
</ul>
</div>
</nav><!-- Nav End-->
If you refresh the page and scroll up - an active link would appear.
all code you can see here - tourlly.com/new