Hello everyone I hope I can find an answer to my question. I’ve got some effects applied on rows on my site but I want them to play only when rows are in the visible area. Instead they play straight away when the site loads so when you reach the animated area by scrolling effects already played.
How can I achieve this?
Thank you
Hi Vincenzo,
Thanks for reaching out.
You need to adjust the Offset control values. The Offset control can be set using % or px units with % values being based on the viewport height. For example, if you set your Top and Bottom values to 10% each, your Element styles would be triggered when 10% away from the top and bottom edges of the viewport respectively. Alternately, if you utilized 50px each, the styles would be triggered when 50px away from the top and bottom edges of the viewport respectively.
To know more on the effect module on the scroll, please go through the article here: https://theme.co/docs/effects-module#scroll
Hope it helps.
Thanks
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.