Touch-enabled Vertical Scrolling Effects with jQuery - matchWindowScroll
File Size: | 7.4 KB |
---|---|
Views Total: | 1527 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
matchWindowScroll is a lightweight jQuery plugin that provides vertical page scrolling effects with mouse wheel, touch swipe and snapping support.
Basic usage:
1. Include jQuery library and the jQuery matchWindowScroll plugin on the web page.
<script src="jquery.min.js"></script> <script src="matchWindowScroll.js"></script>
2. Include the jQuery mousewheel plugin for mouse wheel support.
<script src="jquery.mousewheel.min.js"></script>
3. Include the jAddSwipeEvent.js script for touch gestures support.
<script src="AddSwipeEvent.js"></script>
4. Include the jQuery easing plugin for easing effects support.
<script src="jquery.easing.min.js"></script>
5. Break up your page into several blocks as follows.
<div id="seen1" class="section"> ... </div> <div id="seen2" class="section"> ... </div> <div id="seen3" class="section"> ... </div>
6. Initialize the plugin.
matchWindowScroll();
This awesome jQuery plugin is developed by azumatoshimitsu. For more Advanced Usages, please check the demo page or visit the official website.