У меня есть эта функция, которая работает, но есть одна проблема: действие (заполнение круга) приостанавливается, когда пользователь выполняет прокрутку.
Есть ли способ предотвратить это?
Я пытался добавить event.stopImmediatePropagation
, но, похоже, он не работает.
var $window = $('.parallax');
var numb_pos = $('.mission_full').offset().top;
(function($) {
var c4 = $('.circle');
c4.circleProgress({
startAngle: -Math.PI / 4 * 3,
value: 0,
lineCap: 'round',
fill: {
color: '#F9DB49'
}
});
function check_if_in_view() {
var window_height = $window.height();
var window_top_position = $window.scrollTop();
var window_bottom_position = (window_top_position + window_height);
if (numb_pos <= window_bottom_position) {
setTimeout(function() {
c4.circleProgress('value', 1);
}, 500);
} else {}
}
$window.on('scroll resize', check_if_in_view);
$window.trigger('scroll');
})(jQuery);