jQuery

【jQuery】スクロールバーを素晴らしいスクロールメニューに変換するScrollMenu

January 16, 2018
ScrollMenu

ScrollMenuはスクロールバーを素晴らしいスクロールメニューに変換するプラグイン。軽量、タッチデバイスをサポート、単一ページのナビゲーションメニューとスクロールバーが一緒にバインドされ、ユーザーがページ内のどこにいるのかセクションの長さをユーザーに認識させることができます。

Using ScrollMenu.js

<link href="scrollmenu.css"  rel="stylesheet" type="text/css" />
<script src="jquery.js"></script> <!-- Supports jQuery 1.7 plus-->
<script src="scrollmenu.js"></script>

HTML Structure required

<div id="wrapper"> <!--- wrapper can be just body -->
    <section class="section"></section>
    <section class="section"></section>
    <section class="section"></section>
    <section class="section"></section>
    <section class="section"></section>
</div>

Initializing plugin

var myScrollMenu = ScrollMenu([wrapper] [,options]);

MIT