+7 982 100 5 999

Анимация увеличения чисел, если блок в зоне видимости JQuery

  • Главная
  • Блог IT
  • Анимация увеличения чисел, если блок в зоне видимости JQuery
//анимация увеличения чисел, если блок в зоне видимости
$(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;
            }
        });
    });
});
//анимация увеличения чисел, если блок в зоне видимости