Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
masha_bunny
@masha_bunny
JavaScript
HTML
Как запустить функцию только один раз во вьюпорте?
пробовала так
https://jsfiddle.net/4oy6zjq0/1/
тут всё так. но функция срабатывает всегда
а нужно
ОДИН
раз
когда блок виден во вьюпорте
сейчас когда во вьюпорте скролим, то анимация идет всегда
а нужно один раз
Вопрос задан
более трёх лет назад
126 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Егор Живагин
@Krasnodar_etc
fundraiseup
Используйте window.removeEventListener('scroll', ...) в тот момент, когда поймали блок во вьюпорте.
Ответ написан
более трёх лет назад
10
комментариев
Нравится
1
10
комментариев
Facebook
Вконтакте
Twitter
masha_bunny
@masha_bunny
Автор вопроса
Егор Живагин
, не работает (31 строка)
https://jsfiddle.net/ob9dpyq3/
Написано
более трёх лет назад
Егор Живагин
@Krasnodar_etc
masha_bunny
, потому что вы подписываете на скролл анонимную функцию, а отписываете от него зачем-то результат вызова функции loading :)
Написано
более трёх лет назад
Егор Живагин
@Krasnodar_etc
masha_bunny
, поправил ваш пример --
ссылка
Написано
более трёх лет назад
Егор Живагин
@Krasnodar_etc
masha_bunny
, именно в таких кейсах видно, что лучше не использовать анонимные функции как слушатели событий.
Написано
более трёх лет назад
masha_bunny
@masha_bunny
Автор вопроса
Егор Живагин
, так вроде функция не один раз запускается
Написано
более трёх лет назад
Егор Живагин
@Krasnodar_etc
masha_bunny
, извиняюсь, не сохранил изменения :)
5 мин
Написано
более трёх лет назад
Егор Живагин
@Krasnodar_etc
masha_bunny
, вот -
сохранил
Написано
более трёх лет назад
masha_bunny
@masha_bunny
Автор вопроса
Егор Живагин
, ага.
но теперь если я после того как посмотрю этот блок ( с цифрами)
а потом посмотрю какой то вверхний блок или нижний
и ВЕРНУСЬ обратно - то не будет работать анимаци
это возможно поправить?
Написано
более трёх лет назад
Егор Живагин
@Krasnodar_etc
masha_bunny
, возможно, я думаю. Но тут я не помогу, у меня нет столько времени
Написано
более трёх лет назад
masha_bunny
@masha_bunny
Автор вопроса
Егор Живагин
, всё ок. спасибо
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Почему не подгружаются стили в PrimeVue?
1 подписчик
15 часов назад
43 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Не отображается модель в three.js, что делать?
2 подписчика
10 мая
1075 просмотров
0
ответов
JavaScript
+1 ещё
Средний
Почему кука обрезается на 330 символов?
1 подписчик
10 мая
187 просмотров
3
ответа
JavaScript
+1 ещё
Средний
Как обрабатывать события браузера на смартфоне/планшете?
1 подписчик
09 мая
116 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать форму обратной связи на сайте с отправкой на Whatsapp?
1 подписчик
09 мая
1558 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как улучшить OCR-парсер билетов на основе Tesseract.js?
2 подписчика
08 мая
1925 просмотров
2
ответа
HTML
+1 ещё
Простой
Код не работает, как так?
3 подписчика
08 мая
1860 просмотров
2
ответа
JavaScript
Простой
Как передать значение из Select2 в другую функцию?
2 подписчика
08 мая
944 просмотра
1
ответ
HTML
+1 ещё
Простой
Почему страница не всегда скролит до нужного якоря?
1 подписчик
07 мая
155 просмотров
0
ответов
JavaScript
Простой
Как перебрать на совпадение все свойства объекта из LocalStorage и вывести в массив по три элемента?
1 подписчик
06 мая
135 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 30 000 до 80 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама