Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

Scrolltrigger scrolling a different container (Scrolling issue)

Recommended Posts

Hi there,


I am stuck with this supposedly mediocre issue :( 


I have a square on a fixed position wrapped within a container wrapper. Inside this wrapper, there is also text. The square rotates as per this 

but the text is now being cut off. Can anyone help me?  Also is it possible to have the square starts rolling immediately the moment user scrolls?

See the Pen jOmdPze by ladybytez (@ladybytez) on CodePen

Link to comment
Share on other sites

I may be misunderstanding your goal, but you had your CSS setup incorrectly - the text was in an entirely different scroller (which would obviously scroll independently). You can set the start of the scrollTrigger to 0 if you want it to start immediately. 


See the Pen KKmJVGX?editors=0010 by GreenSock (@GreenSock) on CodePen


Happy tweening!

  • Like 1
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.