Как отследить прокрутку страницы до определенного блока?

V
На сайте с 04.06.2014
Offline
54
820

На странице при прокрутке до определенного блока включаю анимацию:

$(window).on('load scroll',function () { 

if ($(this).scrollTop() >= '3450' && CountUpFlag == 0) {
CountUp();
CountUpFlag = 1;
}
});

Делал на маленьком разрешении экрана, и анимация появлялась, как только блок попадает в зону видимости. Но если смотреть на большом разрешении экрана, то анимация включается, когда блок уже практически прокрутили. Как можно отследить прокрутку до определенного блока без привязки к scrollTop(), чтобы анимация на всех разрешениях включалась сразу после появления блока в зоне видимости?

Партнёрка №1 в essay-нише (https://goo.gl/YfTPtG)
Gerga
На сайте с 02.08.2015
Offline
94
#1

victorpavloff, почему вы не определяете позицию блока и по ней сравнивать, а не по 3450?

G2
На сайте с 27.10.2009
Offline
62
#2

Проверять удобнее всего по видимости блока на экране, готовые библиотеки в помощь.

Например, http://getbootstrap.com/javascript/#scrollspy

КакМаршрутник (http://goo.gl/forms/hMgaH0s9E5) — как маршрутник, но работает.
Gerga
На сайте с 02.08.2015
Offline
94
#3

ghost28, думаю смысла нет ради одного блока подключать еще одну библиотеку

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий