Fullscreen Snap Scrolling Plugin with jQuery - SekerolPoin

SekerolPoin is a minimalist jQuery plugin to create full window 'snap to' scrolling effect to enhance the scrolling experience of your single page website.

See also:

• jQuery Plugin For Animated Vertical Scroll Snapping - Scrollsnap
• jQuery Plugin For Smooth One Page Snap Scrolling - ninjaScroll
• Easy jQuery Plugin For Vertical Scroll Snapping - Scrollify
• jQuery Plugin To Snap To Next Section As You Scroll Through The Webpage - Section Snap
• jQuery Plugin For Smooth Scroll Snapping - panelSnap
• jQuery Snap Scrolling Plugin For Single Page Website - snapscroll

Basic Usage:

1. Include jQuery Javascript library and the jQuery SekerolPoin plugin at the bottom of the web page.

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="js/sekerolPoin.min.js"></script>

2. Create a set of content sections for your single page website.

<div class="wrapper">
  <div class="content-section">Section 1</div>
  <div class="content-section">Section 2</div>
  <div class="content-section">Section 3</div>
  ...
</div>

3. Add the following CSS styles to make your sections fullscreen (full page).

html,
body {
  height: 100%;
  margin: 0px;
}

.wrapper { height: 100%; }

.content-section {
  width: 100%;
  height: 100%;
}

4. Initialize the plugin on the body tag.

$('body').sekerolPoin('content-section');

---

This awesome jQuery plugin is developed by parksama. For more Advanced Usages, please check the demo page or visit the official website.