Answer the question
In order to leave comments, you need to log in
Animation not working in Google Chrome?
Hello. Faced such a problem. For some reason, the animation does not work in Google Chrome, in other browsers it works fine, and in Google, the necessary classes are simply not added to css ((( Tell me, can anyone come across such a problem?
// Animation
if ( !$("html").hasClass("touch") ){
if ( !$("body").hasClass("no-animate") ){
$('.portfolio figure, .section2, .num-section, .services-section .element, .advantages .icons .element, .content-section').addClass("hidden");
$('.section2').viewportChecker({
classToAdd: 'visible animated fadeInDown',
offset: 200
});
$('.portfolio').viewportChecker({
offset: 200,
callbackFunction: function(){
$('.portfolio figure').addClass("visible animated fadeIn");
}
});
$('.advantages').viewportChecker({
offset: 400,
callbackFunction: function(){
$('.advantages .icons .element').addClass("visible animated fadeInUp");
}
});
$('.content-section').viewportChecker({
classToAdd: 'visible animated zoomIn',
offset: 400,
});
$('.num-section').viewportChecker({
classToAdd: 'visible animated fadeInDown',
offset: 200,
});
$('.services-section .element').viewportChecker({
classToAdd: 'visible animated fadeInUp',
offset: 200,
});
}
}
$('.num1').viewportChecker({
classToAdd: 'visible animated fadeInUp',
offset: 100,
callbackFunction: function(){
$('#num1').animateNumber({ number: 1228 },2500);
}
});
$('.num2').viewportChecker({
classToAdd: 'visible animated fadeInUp',
offset: 100,
callbackFunction: function(){
$('#num2').animateNumber({ number: 960 },2500);
}
});
$('.num3').viewportChecker({
classToAdd: 'visible animated fadeInUp',
offset: 100,
callbackFunction: function(){
$('#num3').animateNumber({ number: 10 },1200);
}
});
$('.num4').viewportChecker({
classToAdd: 'visible animated fadeInUp',
offset: 100,
callbackFunction: function(){
$('#num4').animateNumber({ number: 368 },2000);
}
});
$('#pricing').viewportChecker({
classToAdd: 'b-section__show',
offset: 400,
});
// End animation
Answer the question
In order to leave comments, you need to log in
I have the same problem, I just discovered it not too long ago. There are no errors in the console, viewportChecker does not work, apparently after updating the browser.
Here is an example: https://jsfiddle.net/pqznrqdg/11/
Works on Firefox but doesn't work on Chrome.
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question