Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Владимир Миронов
@Siseod
JavaScript
HTML
Как сделать выполнение JS после того, как блок попадет в зону видимости?
В общем-то, суть вопроса вся в заголовке.
Как только доскроливаю до блока - должен выполняться скрипт.
А как сделать - не знаю.
Буду благодарен за помощь.
Вопрос задан
более трёх лет назад
3065 просмотров
Комментировать
Подписаться
2
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
3
jlekapb
@jlekapb
.do
Привет!
Как-то так:
jsfiddle.net/P69sL/417
Ответ написан
более трёх лет назад
4
комментария
Нравится
1
4
комментария
Facebook
Вконтакте
Twitter
Владимир Миронов
@Siseod
Автор вопроса
Привет!
Спасибо, получилось!
Написано
более трёх лет назад
Владимир Миронов
@Siseod
Автор вопроса
Но работает только в webkit'e. В мозиле и ие - никакой реакции.
Написано
более трёх лет назад
dpismenny
@dpismenny
Владимир Миронов
: var pTop = $('html, body').scrollTop();
Написано
более трёх лет назад
jlekapb
@jlekapb
pismenny
: спасибо, поправил.
Написано
более трёх лет назад
Игорь Носков
@just_i
php | js программист
habrahabr.ru/post/240083
посмотрите эту статью, там описан плагин который позволяет отслеживать событие появления элемента в области видимости на экране
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
timkit80
@timkit80
Разберетесь с этим
learn.javascript.ru/event-onscroll
станет все понятно. Смотрите 3-е задание.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Почему electron приложение после нотаризации не запускается на других маках?
1 подписчик
22 авг.
128 просмотров
0
ответов
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
21 авг.
86 просмотров
2
ответа
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
21 авг.
120 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
20 авг.
85 просмотров
1
ответ
HTML
+1 ещё
Простой
Как скрыть предпросмотр ссылки в преднабранном тексте Telegram (?=text...)?
1 подписчик
20 авг.
113 просмотров
2
ответа
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
20 авг.
82 просмотра
1
ответ
HTML
+3 ещё
Простой
Как отменить инвертирование текста в yandex почте в dark mode?
2 подписчика
19 авг.
168 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
170 просмотров
1
ответ
HTML
+1 ещё
Простой
Как сделать картинку для отображения в почтовых клиентах?
1 подписчик
14 авг.
173 просмотра
2
ответа
JavaScript
Простой
По какой логике формируется очередь микро задач с async/await синтаксисом?
1 подписчик
13 авг.
235 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама