Topic: fade-in-up not working with onScroll, only with onLoad ?
Expected behavior When onLoad in a show it, when onScroll in a show it.
Actual behavior Only onLoad show the animation fade-in-up, but the onScroll show nothing (exept whe reload when displayed).
Resources (screenshots, code snippets etc.)
TEXT AND IMAGES TO SHOW WHEN ONLOAD TEXT AND IMAGES TO SHOW WHEN ONSCROLL
It does work (you can confirm in the developer tools that it does) but it is not a good animation to use with scroll. As when it moves up it just looks like it moves because you scroll. https://mdbootstrap.com/snippets/standard/kpienkowska/6391506
fabianjp pro commented 1 months ago
You can download the full page and check why 'onScroll' doesn't work, even with slide-in-left and slide-in-right. https://uunivers.swiss Thankl you for your help.
I see where the problem it. The animations that trigger on scroll listens to window scroll. Since you wrap your page in container you scroll through container and window scroll is not triggered.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 8.2.0
- Device: PC
- Browser: Firefox
- OS: Windows
- Provided sample code: No
- Provided link: No
fabianjp pro commented 2 months ago
When onLoad it's ok, it show it, when onScroll it doesnt show it.