Кнопка с анимацией при скролле:
<a href="#" class="
toanimate"
data-animation="tada">КНОПКА</a>
Где toanimate - класс который меняет js на animated, (анимация css без js работает так: animated tada)
а
data-animation="tada" вид анимации,
его и надо засунуть в js чтобы менять
tada уже в самом js.
blockToAnimate.each(function(){
if(jQuery(this).offset().top < (jQuery(window).scrollTop() + jQuery(window).outerHeight()) && jQuery(this).offset().top + jQuery(this).outerHeight() > (jQuery(window).scrollTop() ) ) {
if (!jQuery(this).hasClass("animated")) {
jQuery(this).addClass("animated");
animation_type = jQuery(this).data('animation');
jQuery(this).addClass(animation_type);
}
} else {
jQuery(this).removeClass("animated"); //jQuery(this).trigger('animateOut');
animation_type = jQuery(this).data('animation');
jQuery(this).removeClass(animation_type);
}
});
Буду признателен за помощь
