Topic: OnScroll animation not working
Hi everyone, I'm having a problem regarding the animations of the MDB version 5. The "onLoad" animation works correctly, but the "onScroll" makes me the elements of the page to which it was applied always hidden. I don't understand what the problem is as there are no errors in the console.
I wrote the code like this:
<div class="col-md-6 col-lg-3 my-5 text-center" data-mdb-toggle="animation" data-mdb-animation-start="onScroll" data-mdb-animation-on-scroll="repeat" data-mdb-animation="slide-in-up">
<img class="rounded-circle shadow-1-strong mb-4" src="img-sample.jpg" alt="" style="width: 150px;" />
<h5 class="text-light m-0">Name</h5>
<p class="fw-bold m-0 h5">Role</p>
</div>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Opened
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: MDB Standard
- MDB Version: MDB5 3.9.0
- Device: PC
- Browser: Mozilla Firefox & Google Chrome
- OS: macOS Catalina
- Provided sample code: No
- Provided link: No
Dawid Wajszczuk staff commented 3 years ago
Hi. Can you make a snippet showing your issue https://mdbootstrap.com/snippets/? Here I have created one but I don't see any problem https://mdbootstrap.com/snippets/standard/d-wajszczuk/3408406. Maybe as you declare width of the element, you also need to provide the height. As for now, I would guess that your element gets height equal to 0 and this is why you don't see it.