• Главная
  • Анимация увеличения чисел, если блок в зоне видимости 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;
            }
        });
    });
});
//анимация увеличения чисел, если блок в зоне видимости
Закажите у меня разработку сайта под ключ
и получите логотип в подарок в векторе и с исходниками
Заказать разработку
Контакты

Работаем: с ПН по ПТ, с 08:00 до 16:00 (МСК)
Отдыхаем: в СБ и ВС, чтобы быть в тонусе
и реализовывать самые сложные идеи