jQuery-Scroll-Trigger [Beta Version 0.2]
Really simple to use, After the simple setup tutorial by Github@Tommy.
-
On desktop or notebook Mode, use mouse scroll or scrollpad to trigger event you want with 「Scroll Up」and 「Scroll Down」.
-
On Device Mode, Just swipe 「Left」,「Right」,「Up」,「Down」to trigger event you wants.
Download the pre-release 0.2 version to check it a demo usage.
Enjoy!
Welcome to post your issue or comment let me know. I will reply as soon as possible.
Tested Environment ( Up to 28/7/2016 )
- (Mac OSX 10.11.5) Chrome ver. 52.0.2743.82
- (Mac OSX 10.11.5) Firefox ver. 47.01
- (Mac OSX 10.11.5) Safari ver. 9.1.1
- (iOS 9.3.3) Safari
- (Android 4.2.2) Chrome
History
- 17/07/2015 (Added Swipe Function, Adjust Demo File)
- 13/07/2015 (Scroll Function)
Installation
Download the js file and add the script into footer after jQuery Library.
<script src="/path/to/scroll.js"></script>
Usage
- Select a region you wants to trigger the scroll plugin. For example :
<div class="YOUR REGION"> some content here </div>
- Trigger the plugin by your region
$(function() { $('YOUR REGION').scrolltrigger({ lastAnimation : 0, quietPeriod : 100, animationTime : 100, swipeMode : true, swipeUp : function() { // Callback Function }, swipeDown : function() { // Callback Function }, swipeLeft : function() { // Callback Function }, swipeRight : function() { // Callback Function }, scrollUp : function() { // Callback Function }, scrollDown : function() { // Callback Function } }); });
- Options (I think you know this meaning. HAHA)
lastAnimation quietPeriod animationTime swipeMode // Enable Swipe Mode on device swipeUp // Callback Function swipeDown // Callback Function swipeLeft // Callback Function swipeRight // Callback Function scrollUp // Callback Function scrollDown // Callback Function