Nextjs and gsap

[mush]

Hi all,

I did some animations with gsap and scrollscene and it working fine when I run the development environment but when I build the project and visit the page I get errors in the console.

Uncaught TypeError: Cannot assign to read only property 'x' of object '#<HTMLImageElement>'

I tried to add a polyfill like the scollscene docs say and I used next-transpile-modules and transpiled gsap like this but it didn't work.

 

const withTM = require('next-transpile-modules')(['gsap']);

Any suggestions? 
 

[ZachSaucier]

Hey mush and welcome to the GreenSock forums!

 

We recommend using the official scroll plugin for GSAP called ScrollTrigger. We believe it to be easier to use and more powerful than other scrolling libraries. I wrote up a post with an overview of scroll technologies with some comparisons of the features in this CSS-Tricks post.

 

As for GSAP in Next, have you already seen this thread?

 

[mush]

Hi @ZachSaucier

 

I'm new to gsap world and I didn't know that there a plugin for triggering the scroll, I used it instead of scrollscene and it really cool and easy to use.

 

You can take a look at the page that I did it using GSAP Open Screenplay.
It still needs some improvements.

Thank you.