Touch-enabled Vertical Scrolling Effects with jQuery - matchWindowScroll

File Size: 7.4 KB
Views Total: 1522
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Touch-enabled Vertical Scrolling Effects with jQuery - matchWindowScroll

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.