Fullscreen Snap Scrolling Plugin with jQuery - SekerolPoin
File Size: | 4.61 KB |
---|---|
Views Total: | 1587 |
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:
- 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.