The Easter Sale is on! Join now or renew your subscription with a 25% OFF! Read More

Support Forum

data-sr automation

Hi,

I use the data sr to make some elements appear when scrolling.

I use for example this and it works fine : data-sr="wait 0.1s enter bottom and move 130px over 0.5s"

I have a question : i have a div with 20 div inside, each div display a logo (image).

I'm wondering : is there a way to apply in once the data sr tag to all the div element and for exemple make all element appear with each have 0.1s of delay more than the before ?

Or to i need to do it manually ?? :p


when i see some complex website with lot of element animation during scroll i'm always wondering if there is a way to multiple animation in once.
For example a code which make appear all div with the same animation but the delay is 0.1sec more for each !!

Thanks for help
Responses (3)
  • Accepted Answer

    Saturday, March 02 2024, 03:13 PM - #Permalink
    Hi Patrice,

    Nope, unfortunately with ScrollReveal.js it is not possible to add the animation to all elements at once.
    You will need to do it manually for each element.
    The reply is currently minimized Show
  • Accepted Answer

    Saturday, March 02 2024, 06:08 PM - #Permalink
    ok thanks i will
    The reply is currently minimized Show
  • Accepted Answer

    Sunday, March 03 2024, 10:56 AM - #Permalink
    No problem.
    The reply is currently minimized Show
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!