S
S
SkyZet2017-09-30 13:00:22
JavaScript
SkyZet, 2017-09-30 13:00:22

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

1 answer(s)
A
Arayik Mikayelyan, 2017-10-04
@magicdesign55

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 question

Ask a Question

731 491 924 answers to any question