Topic: WOW fade in animation flickering on smartphone wen browser

azorano free asked 1 year 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: https://www.brunomatos.pt/portfolio/CVSG/index.html

**Bad example: https://www.brunomatos.pt/portfolio/

**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..

**Thanks.


Marcin Luczak staff answered 1 year ago


Hi,

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

$(function(){ 
    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.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • User: 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