skapunker
@skapunker
Умный

Как дернуть скрипт, только когда определенный блок войдет в зону видимости?

Есть некий блок с "id=drop-block". Блок изначально находится вне зоны видимости (справа от контента, за экраном). Чтобы блок показался используется скрипт, который передвигает его в зону видимости посредством смены классов.

В этот блок загружает приложение, которое инициализируется другим скриптом и подключается на страницу так:

<script src="my-app.js"></script>

Ну и вот вопрос, как сделать чтобы этот скрипт не загружался сразу, а только после того как на экране появится блок?

Вот скрипт смены классов блоков
<script>
		 $('div.f-chat').click(funcName);
		 $('div.button-on').click(funcName);
				  
		 function funcName() {
			$('.chat-200').toggleClass('chat-200 chat-200 chat-200-change');
			$('.text-r').toggleClass('text-r text-r visible');
			$('.text-t').toggleClass('text-t text-t invisible');
		}
    </script>
  • Вопрос задан
  • 48 просмотров
Решения вопроса 2
@AndrewRusinas
Intersercion Observer API

C jQuery в этом плане не знаком, наверняка тоже что-то есть.
Ответ написан
sniggering_deus
@sniggering_deus Куратор тега JavaScript
I will live forever in the flame of your eyes.
Intersection Observer API

Поддержка браузерами

Вот несколько примеров использования Intersection Observer API
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы