Jump to content
GreenSock

pixelsandthings

Issues with ScrollSmoother for Images past a certain width.

Moderator Tag
Go to solution Solved by GreenSock,

Recommended Posts

Hi all, I'm having an issue where images past their native width seem to suddenly fail and scroll at the incorrect rate while using ScrollSmoother, these images have a height of 120% set within a container thats absolutely positioned, the image itself is set using data-speed="auto", the odd thing is that it seems to be fine sometimes but not others, does ScrollTrigger/ScrollSmoother cache in anyway? If it does what can I do to make sure it's behaving as it should be. Form example the Codepen Demo wasn't working and now it is...? Any help would be greatly apprciated.

See the Pen abQoKQM by pixelsandthings (@pixelsandthings) on CodePen

Link to comment
Share on other sites

  • Solution

Sorry about any confusion there, @pixelsandthings. You stumbled across an edge case where a particular aspect ratio could cause a problem in the algorithm, but I believe that's fixed in the upcoming release which I've pushed up to CodePen: 

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

 

Better? 

Link to comment
Share on other sites

Ah ok, I've got a few sites dealing with the images in a similar way, and they all seem work fine up to a point, usually around their intrinsic width and past that point that's where the scroll offset calculations seems to go a bit crazy, you're right in that the demo seems to be behaving now, where's the best place to grab the latest versions as the sites in question are using NPM and Laravel Mix?

 

Really appreciate the speedy fix though!

Link to comment
Share on other sites

The new release will be pushed out very soon. I don't see a Club GreenSock membership on your account - do you mind me asking how you're getting access to members-only plugins like ScrollSmoother? 

 

If you're a member, I can get you early access to a .tgz file that you can npm install. 

Link to comment
Share on other sites

Ha! Looks like you signed up as I was typing that. Nice! 🥳

 

I'll send you access info via private message.

Link to comment
Share on other sites

The licence was being used on behalf of a partner agency I do development work for, I'd not realised my personal licence had lapsed, just purchased a new one. Any idea what the version will be so I can keep an eye out?

Link to comment
Share on other sites

Version will be 3.12.0. Private message sent. 

Link to comment
Share on other sites

Thanks so much. Will mark the solution once it's sorted my side.

  • Like 1
Link to comment
Share on other sites

By the way, 3.12 is available now. We'll be announcing it probably next week. 🥳

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.
×