22.5K ·GitHub
Что это такое?
ScrollReveal — это JavaScript-библиотека, которая анимирует элементы на веб-странице, когда они появляются на экране при прокрутке.
ScrollReveal — это JavaScript-библиотека, которая анимирует элементы на веб-странице, когда они появляются на экране при прокрутке.Это отдельное приложение или что-то, что я встраиваю в код своей страницы?Это небольшая JavaScript-библиотека, которую вы подключаете к своей веб-странице — через тег script или как модуль, — а не отдельное приложение.
Это небольшая JavaScript-библиотека, которую вы подключаете к своей веб-странице — через тег script или как модуль, — а не отдельное приложение.Как подключить её к странице?Подключите скрипт с unpkg — при этом появится глобальная переменная ScrollReveal, — либо установите библиотеку через npm и импортируйте её как модуль CommonJS или ES2015.
Подключите скрипт с unpkg — при этом появится глобальная переменная ScrollReveal, — либо установите библиотеку через npm и импортируйте её как модуль CommonJS или ES2015.Можно ли безопасно использовать способ с тегом script в продакшене?Будьте осторожны: если не зафиксировать номер версии, unpkg может замедлить загрузку страницы, пока определяет актуальную версию, поэтому в продакшене указывайте конкретную версию.
Будьте осторожны: если не зафиксировать номер версии, unpkg может замедлить загрузку страницы, пока определяет актуальную версию, поэтому в продакшене указывайте конкретную версию.Могу ли я использовать её на коммерческом сайте бесплатно?Нет, если хотите оставить свой код закрытым: коммерческим сайтам нужна платная Commercial License. Для open source проектов и некоммерческого использования GPLv3 предоставляется бесплатно.
Нет, если хотите оставить свой код закрытым: коммерческим сайтам нужна платная Commercial License. Для open source проектов и некоммерческого использования GPLv3 предоставляется бесплатно.Если вызвать ScrollReveal() несколько раз, создадутся лишние экземпляры?Нет. ScrollReveal использует паттерн singleton — сколько бы раз ни вызывался конструктор, он всегда возвращает один и тот же экземпляр, так что вызывать его можно откуда угодно без конфликтов.
Нет. ScrollReveal использует паттерн singleton — сколько бы раз ни вызывался конструктор, он всегда возвращает один и тот же экземпляр, так что вызывать его можно откуда угодно без конфликтов.На чём основаны анимации?Они используют CSS transforms и transitions. Внутри библиотека тянет с собой маленькие вспомогательные зависимости: rematrix, tealight и miniraf.
Они используют CSS transforms и transitions. Внутри библиотека тянет с собой маленькие вспомогательные зависимости: rematrix, tealight и miniraf.Проект ещё живой?Он существует с 2014 года, у него больше 22 тысяч звёзд на GitHub, и он не переведён в архив; в README указан копирайт 2023 от Fisssion LLC.
Он существует с 2014 года, у него больше 22 тысяч звёзд на GitHub, и он не переведён в архив; в README указан копирайт 2023 от Fisssion LLC.Which topics is it in?transition, scroll, javascript-library, animation, css, browser, html, ui, gplv3, web-development, frontend, library
transition, scroll, javascript-library, animation, css, browser, html, ui, gplv3, web-development, frontend, library