jQuery

【jQuery】ページの一部にアニメーションスクロールするためのjQueryプラグインNavScroll

October 18, 2018
NavScroll

NavScrollはページのセクションへのアニメーションスクロールするためのjQueryプラグイン。

Setup

最新のバージョンのjQueryとnavScrollプラグインをページに含める

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="jquery.navScroll.js"></script>
<script>
  // To attach navScroll to an element without mobile dropdown support
  $('.nav').navScroll();

  // Or you can enable mobile dropdown support and give it a custom breakpoint (defaults to 1024)
  $('.nav').navScroll({
    mobileDropdown: true,
    mobileBreakpoint: 768
  });
</script>

Options

  1. scrollTime
  2. navItemClassName
  3. navHeight
  4. mobileDropdown
  5. mobileDropdownClassName
  6. mobileBreakpoint
  7. scrollSpy
  8. activeParent
  9. activeClassName

Callbacks

  1. onScrollStart
  2. onScrollEnd
$('.nav').navScroll({
  onScrollStart: function() {
    // Execute code when the scrolling starts.
  },
  onScrollEnd: function() {
    // Execute code when the scrolling ends.
  }
});

MIT