jQuery

【jQuery】シングルページを複数のセクションに分割するjQuery Singular

December 27, 2017
jQuery Singular

jQuery Singularはシングルページを複数のセクションに分割する軽量のjQueryプラグイン。

Usage

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="jquery.imageslider.js"></script>
<script>
$(function() {
	$('.js-singular').singular();
});
</script>
</head>
<body>

<div class="js-singular">
<section id="sec01" class="singular-section"></section>
<section id="sec02" class="singular-section"></section>
<section id="sec03" class="singular-section"></section>
<section id="sec04" class="singular-section"></section>
<section id="sec05" class="singular-section"></section>
<!-- /js-singular --></div>

</body>

Options

  1. section
  2. nav
  3. prev
  4. next
  5. navActiveClass
  6. scrollSpeed
  7. easing
  8. mousewheel

Browser Support

  1. IE8+
  2. Google Chrome (win/mac)
  3. Firefox (win/mac)
  4. Safari (win)

MIT