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

jQuery

menuonscroll

November 3, 2016

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

Latest Posts

Related Posts