Jquery viewport checker nie działa.

Question

Witam, mam problem ze skryptem, chcę uzyskac efekt fadeIn w odpowiednich miejscach podczas scrollowania. Napisałem kod lecz tak jakby tylko jeden z nich działa (ten co ma dodawać klasę "opacity0"), a drugi który ma dodawac właśnie efekt fadeIn nie działa.

Podpiąłem 'jquery.viewportchecker.js' w odpowiednie miejsce, wszystkie klasy sprawdziłem 50razy lecz i to nie pomogło, proszę o pomoc. 

kod js:

jQuery(document).ready(function() {
    styleFixedHeader();
    setupAnimations();
    runAnimations();
	
});




// Przygotowuje animacje
function setupAnimations() {
	jQuery('.three-features .fw-iconbox').addClass('animated opacity0');
	jQuery('.product-advantages .fw-col-xs-12').addClass('animated opacity0');
	jQuery('.product-more .fw-col-xs-12').addClass('animated opacity0');
	jQuery('.call-to-action .fw-row').addClass('animated opacity0');
}

function runAnimations() {
	jQuery('.animated').each(function() {
		jQuery(this).viewportChecker({
			classToAdd: 'opacity1 fadeIn',
			classToRemove: 'opacity0',
			offset: 100
		})
	});
}

 

Comments

Problem z jquery.viewportchecker.min