Topic: OnScroll animation not working

logikamente premium asked 2 years ago

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>

Dawid Wajszczuk staff commented 2 years ago

Hi. Can you make a snippet showing your issue Here I have created one but I don't see any problem 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.

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • 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