scrollTriggers

scrollTriggers.js

	var scrollTriggers = [
  { selector: ".media-vizioni", klass: "tada" },
  { selector: ".media-efektiviteti", klass: "tada" },
  { selector: ".media-krahasimi", klass: "tada" },
  { selector: ".media-dimensionet", klass: "flipInY" }
	];


	// on load, get the elements and their offsets
	$(function () {
	  scrollTriggers.forEach(function (trigger) {
	    trigger.element = $(trigger.selector);
	    trigger.offset = trigger.element.offset().top;
	  });

	  // sort according to offset
	  scrollTriggers.sort(function (a, b) { return a.offset - b.offset });
	});

	// on scroll, loop through the triggers
	$(document).on("scroll", function () {
	  var scrollTop = $(this).scrollTop(),
	      trigger, i, l;
	   for (i = 0, l = scrollTriggers.length; i < l; i++) {
	    trigger = scrollTriggers[i];
	    if(trigger.offset <= scrollTop) {
	      trigger.element.closest(".animated").addClass(trigger.klass);
	    } else {
	      break; // no need to check the others; their offsets are all higher
	    }
	  };
	});