- Главная
- Анимация увеличения чисел, если блок в зоне видимости JQuery
Анимация увеличения чисел, если блок в зоне видимости JQuery
22 февраля 2021
//анимация увеличения чисел, если блок в зоне видимости
$(function() {
$(document).ready(function () {
var a = 0;
$(window).scroll(function() {
var oTop = $('.features_block').offset().top - window.innerHeight;
if (a == 0 && $(window).scrollTop() > oTop) {
$('.num span').each(function() {
var $this = $(this),
countTo = $this.attr('data-count');
$({
countNum: $this.text()
}).animate({
countNum: countTo
},
{
duration: 1500,
easing: 'swing',
step: function() {
$this.text(Math.floor(this.countNum));
},
complete: function() {
$this.text(this.countNum);
}
});
});
a = 1;
}
});
});
});
//анимация увеличения чисел, если блок в зоне видимости
Закажите у меня разработку сайта под ключ
и получите логотип в подарок в векторе и с исходниками
Заказать разработку
и получите логотип в подарок в векторе и с исходниками