Topic: wow fadeIn not working properly on iOS
kennovation free asked 4 years ago
Using the sample page MDB-Pro_4.8.4/templates/landing-page.html, and scrolling down on an iPad (Safari and Chrome tested), the wow fadeIn animation on the 'sections' is not reliable - it leaves rows blank and redraws twice.
In particular, often I can the scroll such that the start of the section (the and the
) fade in properly, but the rest of the section (the row div) draws, then goes blank and either redraws, or stays blank until I jiggle the scroll.
I do not have this problem in Chrome on my Mac.
I reproduced this in MDB versions 4.7.1 and 4.8.4.
Same issue on iPad mini4 / iOS 12.4.1 with Safari and Firefox. Do you know how to fix it ? Thanks Alex.
Having the same issue in Safari (desktop version), based on your newest MDB-Portfolio-Templates-Pack/html/agency.html template, here's the video:
BTW, when there are flex elements with icons inside the div, they sometimes get messed up, losing the height/width attributes.
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
- User: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.8.4
- Device: iPad (6th generation)
- Browser: Safari or Chrome
- OS: iOS 12.3.1
- Provided sample code: No
- Provided link: No