Событие jQuery при попадание элемента в поле зрения пользователя?

Question

[Сайлаубай Шынгыс]

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

Answer 1

[Саша]

В поле зрения пользователя это значит когда пользователь доскроллил до элемента который находиться где то в контенте?

Например

var target = $('.elem');
var targetPos = target.offset().top;
var winHeight = $(window).height();
var scrollToElem = targetPos - winHeight;
$(window).scroll(function(){
	var winScrollTop = $(this).scrollTop();
	if(winScrollTop > scrollToElem){
		//сработает когда пользователь доскроллит к элементу с классом .elem
	}
});

Comments

[Сайлаубай Шынгыс]

спасибо работает

[Саша]

Сайлаубай Шынгыс: не за что, обращайтесь.

[776166]

Если страница была промотана ниже элемента и перезагружена, то событие зарядится и сработает сразу, и этого никто не увидит, если только не успеть домотать до элемента :)

[Danil_Minakov]

776166, есть альтернатива? )