Sal

Sal — легковесная библиотека анимации прокрутки, ориентированная на производительность. Она позволяет легко добавлять динамическую анимацию веб-элементам при их появлении в области просмотра. Размер пакета составляет менее 2.8 kb, а отсутствие зависимостей помогает поддерживать отзывчивость приложения.

Библиотека построена на API Intersection Observer: она эффективно определяет, когда элементы появляются на экране, и запускает соответствующую анимацию. Этот API обеспечивает высокую производительность и значительно снижает нагрузку по сравнению с отслеживанием событий прокрутки.

Интеграция проста: добавьте к HTML-элементу атрибут `data-sal`, чтобы указать нужный эффект анимации. Длительность, задержку и функцию плавности можно настроить с помощью дополнительных атрибутов data или переменных CSS. Это дает полный контроль над поведением анимации. Поддерживаются эффекты затухания, сдвига, масштабирования, переворота и другие.

Sal также предлагает расширенные возможности: параметры можно менять после инициализации, адаптируя анимацию к разным условиям и действиям пользователя. Поддерживаются обработчики событий, которые срабатывают при появлении элементов в области просмотра и выходе из нее. Это делает библиотеку подходящей для интерактивных приложений, которым нужна обратная связь о прокрутке в реальном времени.