Как правильно сделать parapalx и animation jQuery в видимой зоне?

Question

[NDL]

Приветствую.

Подскажите пожалуйста, какими скриптами лучше пользоваться для реализации анимации и паралкс на странице. Суть заключается в том, что анимация должна происходить только в тот момент, когда у пользователя этот эллемент появился в поле зрения.

Answer 1

[Андрей Бережной]

Попробуйте https://github.com/dirkgroenen/jQuery-viewport-checker

Answer 2

[Aleksandr]

ну паралакс можно использовать любыми плагинами.
А вот анимацию можно сделать при скролле, доскроллил до нужного блока, начинается анимация.

jsfiddle.net/bcgffkL4

Comments

[NDL]

Спасибо, но тут анимация работает только при скролле. А если вся страница помещается в экран, как поступить в этом случае?

[Aleksandr]

чтобы сразу анимация срабатывала?

[NDL]

Сразу как только она появилсиь на экране

[Aleksandr]

NDL: так? jsfiddle.net/bcgffkL4/4