scroll-reveal-libraries

This skill covers AOS (Animate On Scroll), a lightweight CSS-driven library for scroll-triggered animations. AOS excels at simple fade, slide, and zoom effects activated when elements enter the viewport.

Problem: AOS doesn't detect elements on first render or route changes.

Solution: Initialize in useEffect and refresh on route/content changes:

Простая анимация открытия при прокрутке с использованием AOS (Animate On Scroll). Используйте этот навык при создании маркетинговых страниц, целевых страниц или сайтов с большим количеством контента, требующих базовых эффектов затухания/скольжения без сложной оркестровки анимации. Запускается при выполнении задач, связанных с анимацией прокрутки, отображением при прокрутке, AOS, простой анимацией или базовыми эффектами прокрутки. Альтернатива GSAP ScrollTrigger и Locomotive Scroll для более простых случаев использования. Сравните с motion-framer для анимации, специфичной для React. Источник: freshtechbro/claudedesignskills.