Animations not triggering if component or element is already on viewport.

versoly / taos

A simple and small (600 bytes) library to help animate elements while scrolling using responsive Tailwind CSS JIT utility classes.

MIT License

229 stars 8 forks source link

Animations not triggering if component or element is already on viewport. #6

Closed emeraldBD closed 1 year ago

emeraldBD commented 1 year ago

I am using TAOS with Angular v15. I have successfully installed it, however the animations on the above the fold content is not triggering. But the lower content animations are fine. Is there a way to fix this?

volkandkaya commented 1 year ago

At the moment we don't support JS frameworks, it may work with some (doesn't with React it seems).

Most likely an issue with JS loading after the HTML.

Look at

<script>document.documentElement.classList.add('js')</script>