search

mdbootstrap / material-design-for-bootstrap

Important! A new UI Kit version for Bootstrap 5 is available. Access the latest free version via the link below.
https://mdbootstrap.com/docs/standard/
MIT License
9.35k stars 1.15k forks source link

fadeIn animation bug #206

Closed mcwnuq closed 4 years ago

mcwnuq commented 5 years ago

Expected behavior

fadeIn animation trigger on page load ( element is visible on screen )

Actual behavior

animation trigger twice:

  1. when page load
  2. when start scrolling

Your working environment and MDB version information

MDB version > 4.5.16 Chrome > Wersja 71.0.3578.98 (Oficjalna wersja) (64-bitowa)

Resources (screenshots, code snippets etc.)

code > https://gist.github.com/mcwnuq/cc4bc12f5831bf805a72595840e433e4 video > https://www.youtube.com/watch?v=cmLMtZ5PKFs

Martussky commented 5 years ago

Hi, we created a task with this issue and we will fix that as soon as possible. Thank you for noticing this. Best, Marta

aditya1906 commented 5 years ago

According to your code you have used .wow class. That triggers the animation on scroll. Let me know if I'm mistaken.

PiotrObrebski commented 5 years ago

Did you try implementing it according to suggestions from the docs? https://mdbootstrap.com/docs/jquery/css/animations/ add visibility: hidden; to the wow "Thanks to that you avoid reloading the content after javascript load."