This can accept any available JQuery animate easing type, see The trigger element that will run the animation on the target element once in view The number of seconds to delay before triggering on the out event, this will override the in value set by 'delay'. The number of seconds to delay before triggering on the in event, this will override the in value set by 'delay'. The number of seconds to delay before triggering on both the in and out event. In other words you may want to have part or all of the element fully in view before applying the annimation. Sets a distance offset before triggering an event. TriggerOffset: 50, time: 1, delay: 0, inDelay: false, outDelay: false, element: $ ( this ), trigger: $ ( this ), easing: 'swing', defaultPosition: 'relative', default: Options explained Option This is the most basic version, it sets the given element as both the trigger and the element to animate: Include the script into your page (Source depends on where it was installed) Note that 1.0.15 is the last version that uses jQuery, anything 1.1.0 or above uses vanilla Javascript Option 2: Manual installĭownload triggeronview.js from this repository and place wherever you keep JS files in your project.
Getting TriggerOnViewJS Option 1: Using composerĬomposer require zephni/trigger-on-view-js 1.0.15
JQUERY RUN AS SOON AS ELEMENT AVAILABLE INSTALL
There are two ways you may wish to install TriggerOnViewJS: Installing 1. The most common usage is likely to be to animate these elements 'in to' or 'out of' view or as the page scrolls with CSS animations or customised functions. Simply put, triggerOnView is a Javascript/JQuery extended method that sets a trigger and a reaction for any element. TriggerOnViewJS (requires jquery) What is TriggerOnViewJS?
0 kommentar(er)
