Здравствуйте! Проблема вот какая - у меня не отрабатывает анимация диаграмм при проматывании на них. Используется кастомная анимация 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);
});
}
});
Ссылка на саму страницу