Fullscreen Snap Scrolling Plugin with jQuery - SekerolPoin

Fullscreen Snap Scrolling Plugin with jQuery - SekerolPoin
File Size: 4.61 KB
Views Total: 1532
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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:

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.