[Solved] On screen triggered effect

[Romchick]

Hi!
Here is the base. How to make script to add necessary class (for example, class .fade) when it’s seeing on screen? S.O.S.

[Paulie_D]

It’s not clear what you are trying to do.

Do you mean things only fade in when it scrolls into view…are you applying this to all elements or just some?

[Romchick]

Just for those which on screen. For example, many divs with .fbox class . And when it scrolls into view I want it to show. Other are still “in stand by” class.

[Romchick]

Oh. I did it! Free hugs! 8)

But I want more. Can I make in this code the value alike :nth-of-style . For example transform: translateX(-100px) is for left <div class=fbox> and transform: translateX(100px) for the right one. So the blocks are moving like closing gates while scrolling.

[Author]

Posts