jQuery

【jQuery】同じページ内のナビゲーションに役立つツールチップを作成jQuery scrollTips

November 18, 2017
jQuery scrollTips

jQuery scrollTipsは、特定のHTMLマークアップを使用して、同じページ内でのナビゲーションを支援するツールチップを作成するjQueryプラグイン。

Use

CSSスタイル

<link rel="stylesheet" href="jquery.scrollTips.min.css">

jQuery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="jquery.scrollTips.min.js"></script>
$("wrapperSelector").scrollTips();

Options

container: $("section"), // selector for each section to clone and create scrollTips
title: $("h1"), // selector for title to clone and create scrollTip names
exclude: $("#intro"),  // selector that will be excluded from scroolTip
smoothscroll: 500, // time (ms) to navigate between sections
onCreate: function(){}, // callback init
onSection: function(){} // callback each section changes

MIT
Demo/Download