Topic: scroll animation parameters do not seem to work

Sam Bakenhus free asked 5 years ago


<p class="h1 wow fadeIn" data-wow-offset="300" data-wow-duration="3.0s">
      TEST
    </p>

The window scroll offset is not recognized, and I couldn't get duration to work either. data-wow-delay does seem to work however.

wow = new WOW({
boxClass: 'wow', // default
animateClass: 'animated', // default
offset: 300, // default
mobile: true, // default
live: false, // default
})
wow.init();

Setting the offset in the initialization doesn't work either.


Piotr Glejzer staff commented 5 years ago

Do you have some example of this? Cause I don't see a problem with that :(. You can use our snippets https://mdbootstrap.com/snippets/


Sam Bakenhus free answered 5 years ago


I made a snippet here.

Playing with data-wow-offset doesn't affect how far down the page it'll fade in. Changing data-wow-duration doesn't affect how slow or fast it'll fade in.


Piotr Glejzer staff commented 5 years ago

Ok, thanks, I see a problem now. I added to our list to do with high priority label.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.7.7
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No