locomotive-scroll

Comprehensive guide for implementing smooth scrolling, parallax effects, and scroll-driven animations using Locomotive Scroll.

Every Locomotive Scroll implementation requires specific data attributes:

| data-scroll | Enable detection | data-scroll | | data-scroll-speed | Parallax speed | data-scroll-speed="2" | | data-scroll-direction | Parallax axis | data-scroll-direction="horizontal" | | data-scroll-sticky | Sticky positioning | data-scroll-sticky | | data-scroll-target | Sticky boundary | data-scroll-target="#section" |

Комплексные навыки работы с библиотекой плавной прокрутки Locomotive Scroll с эффектами параллакса, обнаружением области просмотра и анимацией, управляемой прокруткой. Используйте этот навык при реализации плавной прокрутки, создании эффектов параллакса, создании анимации, запускаемой при прокрутке, или разработке веб-сайтов с захватывающей прокруткой. Запускается при выполнении задач, связанных с локомотивной прокруткой, плавной прокруткой, параллаксом, обнаружением прокрутки, событиями прокрутки, липкими элементами, горизонтальной прокруткой или интеграцией GSAP ScrollTrigger. Интегрируется с GSAP для создания продвинутой анимации с прокруткой. Источник: freshtechbro/claudedesignskills.