Есть код: когда скролл достигает определенный див, этот див появляется с анимацией. После чего, когда я уже нахожусь на этом диве и прокручиваю скролл, анимация прогресс бара срабатывает заново. Как исправить, чтобы анимация прогресс бара была только один раз при скролле к этому блоку. Надеюсь, вопрос понятен.
var h = $(window).height();
$(window).scroll(function(){
if ( ($(this).scrollTop()+h) >= $(".services-procent-ul").offset().top) {
$(".op").css({visibility:"visible"});
$(".op").addClass('animated zoomIn');
$('.circle1').circleProgress({
value: 0.9,
emptyFill: "#504a3f",
startAngle: -Math.PI/2,
size: 110,
animation: {duration: 6000},
thickness: "15",
fill: {
color: "#bae103"
}
}).on('circle-animation-progress', function(event,progress, stepValue) {
$(this).find('strong').text(100*String(stepValue.toFixed(1))+'%');
});
}
});