Jump to content
Search Community

GSAP: changing the position of all page elements after connecting to GSAP

Rutzer test
Moderator Tag

Recommended Posts

My problem is that in raw form (without including a .js file) the page looks different.
(I also have a question: how can I make it look even, because of the margin for the text must be smaller than the margin for the image)

But as soon as you connect the animation, the elements immediately begin to change their positions.

The only solution that I found for myself is to refer specifically to the elements, and give them their distance.

Is it possible to fix this in some other way?

I am attaching the code.

app.js index.html main.css

Link to comment
Share on other sites

Hi there,


I think the question here is down to the starting positions of elements with data-speed added on a ScrollSmoother page

If I'm right we have a solution coming in the next release

See the Pen gOBedNX by GreenSock (@GreenSock) on CodePen

ScrollSmoother is a Club GreenSock plugin, and there's no membership listed with this account. Is the membership associated with a work account? If so you'll be able to download the newest files from that account dashboard after we release them

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