Plugin to animate elements on your app as you scroll. WARNING: Only for responsive apps.


Based on:


https://github.com/michalsnik/aos/tree/v2


All you have to do is to add data-aos custom-attr to any object, like so:


data-aos="fade-in"


Possible values:


fade

fade-up

fade-down

fade-left

fade-right

fade-up-right

fade-up-left

fade-down-right

fade-down-left

flip-up

flip-down

flip-left

flip-right

slide-up

slide-down

slide-left

slide-right

zoom-in

zoom-in-up

zoom-in-down

zoom-in-left

zoom-in-right

zoom-out

zoom-out-up

zoom-out-down

zoom-out-left

zoom-out-right

 

neoAnimationOnScrollInitialize

Purpose:

Initialize Animation on Scroll Plugin.


Remember to add the desired custom-attr (see plugin description)

Category:

neoAnimationOnScroll

Syntax:

neoAnimationOnScrollInitialize theOffset theDuration theEasing "theDelay"

 

theOffset

Change offset to trigger animations sooner or later (px) Default: 200

theDuration

Duration of animation (ms) Default: 400

theEasing

Timing function to ease elements in different ways

theDelay

Delay animation (ms) Default: 0