【jQuery】スクロール時に自動的にナビゲーションを更新するプラグインmenuOnScroll

menuOnScrollはスクロールするときに自動的にナビゲーションメニューを更新することを可能にするjQueryプラグイン。

Javascript

jQueryは1.8以上

<script src="path/to/jquery.js"></script>
<script src="path/to/jquery.menuOnScroll.js"></script>
<script>
$(document).ready(function() {
$("#menu").menuOnScroll();
});
</script>

HTML

<ul id="menus">
<li class="menu-item">
<a href="#introduction">Introduction</a>
</li>
<li class="menu-item">
<a href="#installation">Installation</a>
</li>
</ul>
<div id="container">
<div id="introduction">...</div>
<div id="installation">...</div>
</div>

Options

  1. menuActiveClass
  2. menuSelector
  3. headerOffset
  4. footerOffset
  5. scrollOnClickOffset
 
menuonscroll

【jQuery】スクロール時に自動的にナビゲーションを更新するプラグインmenuOnScroll

  • LATEST
  • RELATED
  • POPULAR