Задать вопрос
@ascold2013

Почему не работает wow.js и offset().top?

Здравствуйте! Проблема вот какая - у меня не отрабатывает анимация диаграмм при проматывании на них. Используется кастомная анимация svg и инициализация анимации через wow.js. Она не срабатывает, и выдает ошибки. + неправильно работает offset.top. Он показывает намного большее значение, чем там есть.
Вот весь код который отвечает за анимацию и отслеживание скролла (оно нужно для запуска анимации цифр)
$(function () {
            wow = new WOW({
                boxClass: 'wow', // default
                animateClass: 'load', // default
                offset: 0, // default
                mobile: true, // default
                live: true // default
            })
            wow.init();

            var blockTop = $('.we-order__item').offset().top;
            var CountUpFlag = 0;
            var $window = $(window);
            $window.on('load scroll', function () {
                var top = $window.scrollTop();
                var height = $window.height();
                if (top + height >= blockTop && CountUpFlag == 0) {
                    CountUp();
                    CountUpFlag = 1;
                }
            });

            function CountUp() {

                $(".we-order__diagram").each(function () {
                    var percent = $(this).parent().attr('data-percent');
                    $(this).find('.percent').attr('stroke-dashoffset', 630 * (percent / 100));
                    $(this).parent().find('.diagram__percent').animateNumber({
                        number: $(this).parent().attr('data-percent')
                    }, 3000);
                });
            }

        });

Ссылка на саму страницу
  • Вопрос задан
  • 397 просмотров
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы