Как узнать попал ли объект в зону видимости пользователя jquery?

Question

[Max Shteklya]

Есть 3 блока допустим по 800px. Как узнать что пользователь увидел этот блок (даже если он торчит только на 1px с низу страницы)

Answer 1

[AlexShkunov]

В случае с общим решением для одно-страничного сайта, популярным решением будет использование библиотеки - https://camwiegert.github.io/in-view/

inView('.someSelector')
.on('enter', doSomething)
.on('exit', el => {
el.style.opacity = 0.5;
});

----------------------
Посмотрите данный пример - без использования сторонних библиотек. Как только белый квадрат попадает в поле зрения - цвет фона меняется.

jsfiddle.net/t2L274ty/1

Comments

[Max Shteklya]

Нужно без библиотек

[AlexShkunov]

Посмотрите данный пример. Как только белый квадрат попадает в поле зрения - цвет фона меняется.

jsfiddle.net/t2L274ty/1

[Dark Hole]

BedOmar: можете обосновать?

Answer 2

[Александр]

Ну если без библиотек, то пробуйте так

Comments

[AlexShkunov]

В Вашем примере используется JQuery. =)

$(elem)