Topic: WOW fade in animation flickering on smartphone wen browser
*_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.
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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