Не срабатывает анимация в Google Chrome?

Question

[SkyZet]

Всем привет. Столкнулся с такой проблемой. По какой то причине не срабатывает анимация в Google Chrome, в других браузерах срабатывает отлично а в гугле просто не добавляются нужные классы в css((( Подскажите, может кто сталкивался с такой проблемой?

// 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

Comments

[ой всё]

а что консоль пишет?

Answer 1

[Араик Микаелян]

У меня такая-же беда, совсем не давно обнаружил. В консоли нет ошибок, viewportChecker не работает, видимо после обновления браузера.

Вот пример: https://jsfiddle.net/pqznrqdg/11/

Работает на Firefox, но не работает на Chrome.