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

Author

Tommy Chiu