search

templaza / astroid-framework

Powerful framework for designers and developers to create responsive, fast & robust Joomla based websites and templates.
https://astroidframe.work/
GNU General Public License v3.0
88 stars 17 forks source link

Using component section with animation (fadeInUp) #667

Open StephanL72 opened 7 months ago

StephanL72 commented 7 months ago

Hi there,

when I use the animation (for example fadeInUp) for my component section in Astroid I always need to scroll from above / top to make the effect work. This means when I'm already scolled down and my browser is already inside the animated area and I reload the page, the content isn't displayed. This is absolute not optimal. I would like to have an effect as shown here when scrolling and when I am scolled down a little bit the content will be shown anyway: https://aleph-alpha.com/ or of cause: https://www.apple.com/mac/

It doesn't matter if I scoll down or up or if I am already in the animated area and I reload the page.

My dev site with Astroid is here: http://joomla.p660408.webspaceconfig.de/

Would be great to have an solution for this. I appreciate the Astroid framework very much for my needs!

Thanks!!!

sonvnn commented 7 months ago

Let's try to add overflow-hidden class to section.

StephanL72 commented 7 months ago

Not quite sure if I understand right. I added "overflow-hidden" to the section, but that is not the solution. When I scolled down a little bit into the section and reload the page, its visibility stays "hidden". Pls. see attached snippet.

Screenshot 2024-05-03 180836

My client really want to use the smooth effect (otherwise I need to include another library like animate.css or anything else...). Thanks so much for your help!