Performant Scroll-driven Interactions – scrollama.js
scrollama.js is a JavaScript library to create scroll-driven interactions that use Intersection Observer API for performant scroll position detection.
JavaScript & CSS Scroll Animation
Animate Elements On View While Scrolling – HumbleScroll.js
A lightweight AOS (animation on scroll) JavaScript library that can be easily integrated into any webpage.
Pin & Zoom Images On Scroll Using GSAP
A tiny JavaScript snippet that pins and zooms images while scrolling. Based on the GSAP Animation library and its ScrollTrigger plugin.
Scroll-driven Interactions In JavaScript – Scrollmotion
A JavaScript library for scroll-driven interactions that use Animate.css library (or any other animation libraries) to animate elements as they scroll into view.
Highlight Elements While Scrolling – Opacity Scroller
A JavaScript library that uses CSS opacity property to fade in/out elements on page scroll.
Animate on Scroll Using CSS3 Animations And Intersection Observer
Use the Intersection Observer API to trigger CSS3 animations on scroll by calling a function when scrolling meets a given height threshold.
Trigger CSS3 Animations As Elements Are Revealed By Scroll – Enfold.js
A tiny web component that allows you to trigger 20+ CSS3 powered animations when elements are revealed by user scroll.
Fade & Scroll In Elements On Scroll – Scrolls.js
A lightweight and performant scroll animation library for fading and scrolling in elements when they appear in the viewport.
Fade Elements In Sequence When Scrolling Down – scrollShow.js
A JavaScript library that applies a fade-in animation to elements when they’re scrolled into view.
Scroll Position Based Animations In JavaScript – Trigger.js
A lightweight JavaScript AOS (Animate On Scroll) library that makes it easier to animate elements based on scroll position.