MDB 4.12.0 wow flickers on scroll


Topic: MDB 4.12.0 wow flickers on scroll

p.sandkuehler pro premium priority asked 5 years ago

Expected behavior *Actual behavior*

I'm upgrading my code from MDB Pro 4.8.10 to the newest version MDB Pro 4.12.0 and I encounter the following problem, which I managed to reproduce in the attached snippet: I use WOW to fade in the container in the website. And the fade in works as intended. However, when you scroll the content along the Y-axis, the content disappears and fades in again. This is NOT intended and I have not found a workaround for this behavior. The code worked fine with v 4.8.10. Any help on how to resolve this issue would be appreciated.

Kind regards,

Phil

Resources (screenshots, code snippets etc.)


Mateusz Łubianka staff answered 5 years ago

Hi @p.sandkuehler,

I created a snippet with working example, check it out: https://mdbootstrap.com/snippets/jquery/mateusz-lubianka/1690029 It works well with 4.12.0 version.

Best,


p.sandkuehler pro premium priority commented 5 years ago

I can confirm, that this works for me. The key difference is to remove the class 'wow' from the elements and set the animation with 'animated ' (also removing the visibility: hidden css rule). Thank you for your help in this matter!


Mateusz Łubianka staff commented 5 years ago

I'm glad it works well.

Best,


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.12.0
  • Device: PC
  • Browser: Firefox/Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No