Topic: WOW fade in animation flickering on smartphone wen browser

azorano free asked 3 years ago

*_Expected behavior_*

Smooth transition on page scrolling

*_Actual behavior_*

It flickers when reaching the . When getting there it shows the item already exists and only after triggers the the animation (which ruins all of the purpose).

*_Resources (screenshots, code snippets etc.)_*

I have another page/example that works well, however I have loaded mdb twice to get things going.

(Test it on your phone. With wise, controlled and smooth scrolling) 😈

**Good example:

**Bad example:

**Please check header and footer code of both pages. I had to load mdb.js twice on ‘good example’ as stated, in order to make it work. Maybe it shouldn’t be like this…. Maybe a bug? Dunno..


Marcin Luczak staff answered 3 years ago


In your 'bad example' site, I've found that you are initializing WOW with

    new WOW().init();

This should be initialized with:

$( document ).ready(function() {
    new WOW().init();

Please implement that on your site and check whether it fixes your problem.

Regards, Marcin

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.2
  • Device: iPhone
  • Browser: Firefox
  • OS: iOS 14.5
  • Provided sample code: No
  • Provided link: Yes