Есть ли событие в javascript ,которое видит что в браузере сейчас отображается именно эта часть страницы?

Question

[lilandre]

Добрый день. Требуется выполнить действие, при нахожении экрана браузера на определенной части страницы сайта. Например когда вы прокручиваете на хабре до заголовка - "САМОЕ ЧИТАЕМОЕ" , срабатывает событие и выполняется функция. Такое возможно ?


Спасибо.

Answer 1

[Владимир Проскурин]

Следите за событием onscroll, и когда ее координата Y будет больше координаты Y нужного блока, значит мы доскролили.

Comments

[lilandre]

А можно как-то считывать координату У нужного блока ? На разных экранах она будет иметь разное значение.

[Владимир Проскурин]

lilandre, есть метод getBoundingClientRect

[lilandre]

Спасибо. Была решена проблема.

var about = document.getElementById('about');
var domRectAbout = about.getBoundingClientRect();
          if(domRectAbout['y'] < 150 && domRectAbout['y'] > (-350) ){
         //Do something
          }

Answer 2

[Дмитрий Беляев]

https://developer.mozilla.org/ru/docs/Web/API/Inte...

Comments

[lilandre]

Увы, это тестируемая технология которая поддерживается только Хромом 51м.

[Danila]

тестируемая? https://caniuse.com/#search=intersection
для остальных есть полифил

[Дмитрий Беляев]

lilandre, в этой же статье на mdn внизу есть ссылка на github с полифилом, который на сегодня нужен только в сафари (ну и в ie прости его Господи...)
единственная проблема с полифилом, которую я встречал - он в отличии от нативного IO не умеет iframe, а так сам использую IO уже почти год