如何为当前活动的粘性菜单元素添加“活动”类？

Question

我有一个完美的粘性菜单，但我想为它添加一些额外的功能。基本上，我需要将“活动”类添加到用户当前正在浏览的菜单项中。

现场演示位于here。

我目前正在使用StickUp框架来实现此功能，我的菜单基于以下代码：

<div id="wrapper">
  <nav role="navigation" id="access">
    <a class="skip-link icon-reorder" href="#menu">Навигация</a>
    <ul id="menu">
      <li><a class="icon-home" href="#gallery">Галерея</a></li>
      <li><a class="icon-home" href="#metromap">Карта</a></li>
<li><a class="icon-home" href="#workinghours">Часы работы</a></li>
<li><a class="icon-group" href="#fares">Стоимость проезда</a></li>
<li><a class="icon-picture" href="#advices">Советы</a></li>
<li><a class="icon-envelope-alt" href="#links">Полезные ссылки</a></li>
          </ul>
      </nav>
</div>

这是使我的菜单变得粘稠的JS：

 <script type="text/javascript">
              //initiating jQuery
              jQuery(function($) {
                $(document).ready( function() {
                  //enabling stickUp on the '.navbar-wrapper' class
                  $('.moduletable').stickUp({
                itemHover: 'active'
                  });
                });
              });
            </script>