It enables you to animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement. You can pin an element starting at a specific scroll position – either indefinitely or for a limited amount of scroll progress (fixed position elements). You can toggle CSS classes of elements on and off based on scroll position.
It helps you to easily react to the user's current scroll position. This jQuery plugin let’s use the scrollbar like a playback scrub control in our webpage.
Plugin Homepage: https://scrollmagic.io/
2. JQuery Tilted Page Scroll
It is a jQuery plugin that will help you to create a 3D tilted scroll effect. This cool plugin is created by Pete R. Pete R. is a Founder of Travelistly and BucketListly. You can create a simple but beautiful 3D flipping gallery on JS call using minimal HTML markups and one JS call.
It is fully compatible with all modern browsers such as Chrome, Firefox, and Safari on both desktop and smartphones. It is not tested on Internet Explorer, try it for yourself.
GITHUB Repository: https://github.com/peachananr/flipping_gallery
It helps you add amazing user experience with CSS animations as you scroll along your webpage. You can implement CSS 3 based animations on any web page.
With wow.js you can easily customize animation settings such as style, delay, length, offset, iterations. It is 100% MIT Licensed, not GPL. It is free to use and modify wow.js under this license.
Read interesting tutorial on how to use this library in your project on Factober Dev Stack. Factober Dev Stack
4. jQuery Smoove - Gorgeous CSS3 Scroll Effects
jQuery library to add smooth CSS3 animations to web pages with amazing transition effects. Smoove makes it easy to implement awesome CSS3 transition effects, making your content smoothly glide into view as you scroll down the page. It is a simple jQuery plugin for sexy scrolling effects using CSS3 transitions and transforms.
5. Animate on scroll library
A simple animation on the scroll library. It supports following sort of animations: Fade animations: fade, fade-up, fade-down, fade-left, fade-right, fade-up-right, fade-up-left, fade-down-right, fade-down-left, Flip animations:flip-up, flip-down, flip-left, flip-right, Slide animations: slide-up, slide-down, slide-left, slide-right, Zoom animations: 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, Anchor placements: top-bottom, top-center, top-top, center-bottom, center-center, center-top, bottom-bottom, bottom-center, bottom-top, Easing functions: linear, ease, ease-in, ease-out, ease-in-out, ease-in-back, ease-out-back, ease-in-out-back, ease-in-sine, ease-out-sine, ease-in-out-sine, ease-in-quad, ease-out-quad, ease-in-out-quad, ease-in-cubic, ease-out-cubic, ease-in-out-cubic, ease-in-quart, ease-out-quart, ease-in-out-quart.
It can be installed using any of the following ways: yarn add aos, npm install aos --save, bower install aos --save
For tutorials follow: https://factober.com/devstack
7. Slide In Element When Scrolling Down - slideIn.js
This jQuery plugin helps you add slide-in on scroll effects easily. It is available under MIT License. With this easy to use jQuery script for sliding in elements on the page while scrolling you can create amazing user experiences.
Any elements will slide in when scrolling down the page, thanks to a very small jQuery plugin that makes use of CSS3 animations. On scroll down, this plugin animates content blocks within the document. This plugin is tested with jQuery version 2.2.0 and higher. It is developed by Valentijn Kap.
8. Parallax Scrolling Effects & Scroll Animations In jQuery
It is an amazing jQuery plugin to build a parallax page with awesome effect. A simple to implement jQuery animation plugin that adds a subtle parallax scrolling effect to background images and animates parallax container's child elements when scrolling down the page.
9. jQuery Plugin To Fade In / Out Elements On Scroll - Scroll Fade
It is a JQuery plugin to let HTML elements fade in and out while scrolling. Scroll Fade is a small jQuery plugin that allows you to scroll in and fade out html elements at a predetermined scroll position on vertical page scrolling. It is available under the Apache-2.0 license.
It is extremely easy to apply this plugin to an html element and it will either fade in or out when you scroll. With a few simple steps you can enable the fully functional animation on scroll effects such as fade in and fade out.
10. Scroll-triggered Reveal Animations With jQuery And Animate.css
It is a jQuery plugin for revealing animations when scrolling. It works with animate.css, so you may need to include it to make it fully functional. It is available under MIT License.