Как обработать блок в тот момент, когда он появляется в зоне видимости?
Здравствуйте!
Предположим, есть блок, который находится на расстоянии примерно в 1000 px от верха страницы (а может и 1500 px, в общем где-то снизу - точное расположение неизвестно). Т.е. на стандартных 13'' - 15'' мониторах за пределами видимости.
Как мне обработать этот блок скриптово в тот момент, как только он появляется в зоне видимости, т.е. посетитель проскроллил до него?
Можно было бы сделать исходя из просчёта количества проскролленых пикселей, но есть один нюанс: на больших мониторах этот блок изначально виден и, следовательно, применять к нему скрипты нужно сразу (скрипты простые, вроде $('block').animate({}) и пр.)...
Недавно столкнулся с такой проблемой.
Но вот для реализации анимации на сайте (что собственно и нужно было) использовал следующее решение:
animate.css и wow.js
jsfiddle.net/7aeat7w5
в цссах меняйте высоту первого блока и увилите результат. если блок сразу виден, то сразу анимируем, если не видим, то анимируем его только в момент когда доскролим до него
