ScrollOut detects changes in scroll for reveal, parallax, and CSS Variable effects! Demo

Why should I use this?

• Animate or reveal elements as they scroll into view using CSS or JavaScript
• Super tiny JavaScript library at 1KB minified and gzipped.
• Free for commercial and non-commercial use under the MIT license.

Amazing animated color bars parallax effect on black & white image while page scrolling.In parallaxColorBars you can now add settings using the data-parallax-color-bar attribute. You still need to call $(element).parallaxColorBars() to initialize parallaxColorBars on the element.  Demo

Animated scrolling functionality for angular written in pure typescript with no additional dependencies  Demo

• easy-to-use directive: scroll to an element referenced in the href-attribute (href="#mytarget) just by adding pageScrolldirective
• service usage: trigger scroll animations from your component or when server responds
• customizable: adjust duration, offset or whether scrolling stops if the user interrupts (read more)
• use custom easing functions to calculate the scroll position over time
• works across routes (scrolls to target element as soon as the routing has finished) and in both directions (horizontal/vertical) 

npm install ngx-page-scroll  

Emergence.js is a lightweight, high-performance JS plugin for detecting and manipulating elements in the browser. Demo

• Dependancy-free
• IE8+ and all modern browsers
• 1KB minified and gzipped

npm install emergence.js

bower install emergence.js

Small library to animate elements on your page as you scroll.

AOS allows you to animate elements as you scroll down, and up. If you scroll back to top, elements will animate to it's previous state and are ready to animate again if you scroll down.  Demo

npm install aos --save

bower install aos --save

Creates a parallax backgrounds effect for sections by snapping to them on mouse scroll.Ideal for one page sites. Easy to configure and setup.  Demo

A lightweight jQuery Plugin that adds some cool function to make scrolling more fun.  Demo

$ npm install noobscroll

Scrollspy, animated scrollTo and scroll events for angular.js  Demo

scrollToStyle is a versatile tool that lets you manage CSS properties of elements using the page scroll.
You will be able to compel the elements move, change their size, color, opacity, background and many other properties.

Features:

• Management absolutely all the properties of a numeric value
• Browser Support depends only on selected properties
• It manages multiple properties of the same element
• Management fractional property values and control the number of decimal places
• Fixing of the screen during an animation
• Animation range control