Jump to content
Search Community

ScrollSmoother Data-Speed and Image Parallax not working in production, works in Dev

Desque test
Moderator Tag

Recommended Posts

Hello everyone. I'm having these weird problems with ScrollSmoother, the smooth scroll effect still work in my production website but all the elements with data-speed + parallax effects on images stop working in production website, All works normally in dev. What could be a reason for this? And I'm using 3.11.5 version

Link to comment
Share on other sites

26 minutes ago, Rodrigo said:

Hi,

 

Do you have any relevant information on the workflow you have? Like Vue/Nuxt, React/Next, Svelte/SvelteKit, etc.

I just whiped some quick React demo here in my local machine and a production build of this codepen example work as expected:

See the Pen

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

by GreenSock (@GreenSock) on CodePen

 

 

Happy Tweening!

I'm just using a Hugo SSG. No frameworks

Link to comment
Share on other sites

Hi,

 

Sorry I have zero experience with Hugo. The only reasons I can think of are

  • The scripts are not loaded in the correct order (do you see any errors in the console?)
  • You are lazy loading your images
  • Somehow Hugo is removing those data attributes (very unlikely)

Sorry I can't be of more assistance. Hopefully other users with more experience with Hugo can chime in and share some advice.

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.
×
×
  • Create New...