до неё доскролил
Пробую так
вешаю листенер на скролл
и смотрю на изменение высоты страницы к необходимому блоку через свойство getBoundingClientRect.top
И всё бы было хорошо, но это свойство не всегда находит необходимую мне высоту ( допустим, мне нужно 50px, при скролле иногда значение перепрыгывает 50 и может быть 49 и тд)
Если я ставлю промежуток высоты, к примеру с 50 до 20, то анимация начинает вызываеться много раз (в данном случае около 30 раз)
Как мне найти эту необходимую точку и один раз вызвать анимацию?
Я бы при возможности Intersection Observer API использовал
у тебя какая-то незаурядная анимация? библиотеку не хочешь подключить? (это я так... для ленвых) ))
я и подключаю lottie анимация состоит с картинок и джейсона мне нужно получить высоту к элементу и один раз вызвать анимацию когда пользователь дальше скроллит - я её удаляю и так по кругу
спасибо, попробую хотелось бы без линших библиотек знаю, что это можно на js сделать но пока не смог
это не библиотека
ну пакет) это лендос и размер бандла играет роль хоть и она весит мало
это нативное апи браузера
это браузер АПИ
Обсуждают сегодня