AOS supports bi-directional scrolling animation, both down and upwards. When you scroll up, elements will animate to their previous state and are ready to animate again.
- No dependencies
- All animations CSS powered
- Monitors and woks with asynchronously added content
- Comes with assortment of animations and ease in functions built in
Another excellent Scroll Library, ScollReveal.js is lightweight (3.3kb minified and gzipped), and also free of any dependencies. Its greatest asset is support for chained and sequential animations on scroll, so elements that come into view can be animated one after another. 3D rotation of elements is also supported out of the box. And last but not least, ScrollReveal.js makes it easy to disable any scroll effects on mobile devices.
- No dependencies
- Supports chained and sequential animations
- Monitors and works with asynchronously added content
ScrollMagic is kind of a Jack Of All Trades when it comes to a scroll library. It lets you animate, pin, or toggle CSS classes on the desired elements based on scrollbar position. You can also synchronize the movement of elements to the scrollbar, like in a playback scrub control. Parallax and Infinite Scrolling is also part of its acclaimed repertoire. ScrollMagic can function as an independent script, though it can hook up to other animation libraries such as Greensock or Velocity for implementing more complicated animations.
- Jack of All Trades scroll animation library that does pretty much everything
Waypoints is a simple library that makes it easy to execute a function whenever you scroll to an element. It comes with different builds that either works as an independant script or alongside jQuery or Zepto. Three first class extensions (requires the jQuery Build)- Infinite Scrolling, Sticky Elements, and Inview Detection- help differentiate this library from the others if you need one of those functionalities in a snap. Waypoints also comes with extensive documentation for those frustrated with some libraries’ lack thereof.
- Provides a nice starting point for building your own custom actions when users scroll to elements
- Comes with 3 first class extensions- Infinite Scrolling, Sticky Elements, and Inview Detection
- Detailed documentation of each method
- Uses the Greensock Animation Library for ultra smooth, 3D enabled scroll effects
For the Animate.css fans, AniView provides an easy way to utilize one of Animate.css’s many built in CSS effects to animate an element into view when it’s within the viewport. As its name suggests, it requires jQuery,and piggybacks on Animate.css, but if you’re already using these two libraries on your site, this is an easy way to also inject scroll based effects to the mix.
- Access to all of Animate.css’s library of CSS effects out of the box to animate your elements via scrolling.