Jump to content
Search Community

Grid column alternate animations

Dennyno test
Moderator Tag

Go to solution Solved by OSUblake,

Recommended Posts

Hi guys, happy new year! (Counting down)

On this demo, I may need that even/odd columns scroll in alternate ways, and reverse 'em while scrolling up.
Scrolltrigger seems working, but the reverse action doesn't start.

I also found a bug (or something like that) : using the CSS pseudo-selectors to target elements on the right columns.. I get the desired column, and you can see them with the different dotted borders, while using GSAP the last box element of each column scroll faster than other ones.

Is something that could be done by grouping  this way? or Should I need to target each singular box element  by progressive/different class? (nth-child 1,2,3,4,5 and so on?)

Thanks
 

See the Pen wvrmMLJ by DedaloD (@DedaloD) on CodePen

Link to comment
Share on other sites

On 12/31/2021 at 10:23 PM, GreenSock said:

It's not a bug or related to GSAP at all - that last element is like 3x taller than the other elements, so when you animate yPercent it'll travel further/faster. :)

 

 

On 12/31/2021 at 7:37 PM, OSUblake said:

 

There's something wrong with that last element. There are no issues when I remove it.

 

 

 

 


Yep I see, thank you.
So it's not possible to have also the "multilevel" box, as my example? Which showed 2 levels under the main img, even I giv'em an absolute positioning?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...