jQuery

【jQuery】ページアンカーをナビゲートするためのメニュープラグインSmartMenu

December 16, 2017
SmartMenu

SmartMenuはページアンカーをナビゲートするための簡単なメニュープラグイン。

CSS&JS

<link rel="stylesheet" href="dist/smartMenu.css"/>
<script src="dist/smartMenu.js"></script>

Html

<div>
	<h1 data-smart-menu data-hash="title-1" data-title="Title 1">Title 1</h1>
	<p>.....</p>	
	<h1 data-smart-menu data-hash="title-2" data-title="Title 2">Title 2</h1>
	<p>.....</p>	
	....
</div>

Initialization

$(function(){
  $('[data-smart-menu]').smartMenu();
});

Options

  1. prependTo
  2. scrollSpeed
  3. offset
  4. onScrollStart
  5. onScrollEnd