Как сделать что бы анимация появлялась только когда до блока доскролишь?
Плагин Waypoints поможет
Использовать плагин весом, скажем, 50 Кб для анимации контента весом 4Кб - как минимум странно :).
Самый простой пример:var el_1_top = $('.block-1').offset().top, el_2_top = $('.block-2').offset().top;
$(window).scroll(function(){
if ($(window).scrollTop() >= el_1_top) {
//first block animation
} else {
//reverse animation (optional)
};
if ($(window).scrollTop() >= el_2_top) {
//second block animation
} else {
//reverse animation (optional)
};
});
Еще лучше будет запихнуть анимацию с проверками в функцию и вызвать ее отдельно на документ.реди и отдельно на скролл:var animation = function() {...};
animation();
$(window)scroll(animation);