Все сервисы Хабра
Сообщество 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
Простой
Как реализовать библиотеку классов на JavaScript?
1 подписчик
10 часов назад
158 просмотров
2
ответа
JavaScript
Простой
Как сделать lazy load pdf?
1 подписчик
вчера
158 просмотров
2
ответа
HTML
+1 ещё
Простой
Как убрать лишний div в root React?
1 подписчик
27 июл.
138 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Почему при отправке HTML-формы данные не поступают в mysql?
1 подписчик
25 июл.
180 просмотров
1
ответ
HTML
+1 ещё
Простой
Прозрачный DIV перекрывает элемент под ним?
1 подписчик
25 июл.
121 просмотр
1
ответ
HTML
Средний
Как добавить в HTML страницу воспроизведение музыки?
1 подписчик
25 июл.
117 просмотров
1
ответ
JavaScript
Простой
Как получить переменную из esm-модуля?
1 подписчик
24 июл.
130 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так чтоб push уведомления отправлялись в фоне при открытом но неактивном pwa приложении?
1 подписчик
24 июл.
71 просмотр
0
ответов
JavaScript
+2 ещё
Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
1 подписчик
24 июл.
64 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Каким образом отлавливать и корректно устранять конкурирующие запросы javascript на сайте?
1 подписчик
21 июл.
514 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама