MenuSpyはセクションに基づいて項目をアクティブにするナビゲーションメニューを作成するためのJavaScriptライブラリー。

<script src="menuspy.js"></script>

メニュー要素のプラグイン

<header id="main-header">
  <nav>
    <ul>
      <li><a href="#features">Features</a></li>
      <li><a href="#usage">Usage</a></li>
      <li><a href="#options">Options</a></li>
      <li><a href="#examples">Examples</a></li>
    </ul>
  </nav>
</header>

var elm = document.querySelector('#main-header');
var ms = new MenuSpy(elm);

Example

var elm = document.querySelector('#main-header');
var ms = new MenuSpy(elm, {
  activeClass: 'current-item'
});

MIT

• Tag
• Javascript
• Navigation
• Responsive