Waipoint

waypoint.js

/*
	Начисления значений числам
	
	В Html к тому тегу в котором нужно начислить, прописать "data-count='число к которому нужно начислить'"	
*/



$(".sec_1").waypoint(function() {  					//Дойдя до какого класа
		
		$({blurRadius: 5}).animate({blurRadius: 0}, {
			duration: 1200,          				//Скорость
			easing: 'swing',
			step: function() {
				$(".sec_1_content h3 span").css({			//К какому классу применить
					"-webkit-filter": "blur("+this.blurRadius+"px)",
					"filter": "blur("+this.blurRadius+"px)"
				});
			}
		});
		var comma_separator_number_step = $.animateNumber.numberStepFactories.separator(' ');
		$(".sec_1_content h3 span").each(function() {			//К какому классу применить
			var tcount = $(this).data("count");
			$(this).animateNumber({ number: tcount,
				easing: 'easeInQuad',
				"font-size": "1.8125em",     //какой конечный розмер цифр
				numberStep: comma_separator_number_step},
				1200);    							//Скорость
		});
		this.destroy();

	}, {
		offset: "70%" //Сколько процентов от класса осталось до верхней границу окна что б сработало
	});