Jump to content
GreenSock

jens./

ScrollSmoother + ScrollTrigger resize broken?

Go to solution Solved by GreenSock,

Recommended Posts

Thanks for the update @GreenSock, I don't notice a difference right now... cleared chache and all. And the problem is in all browsers for me. Just to be sure, because I just noticed I didn't go through the steps to replicate in my last post:

 

Scroll down either to section 1 or section 2 (after section 3 it doesn't glitch, I'm guessing because its where the ScrollTrigger with snap ends), then resize the codepen window (vertically or horizontally). On the next scroll, it will suddenly jump and when you scroll back, it doesn't let you go beyond the section you were in.

 

Here's a quick screen recording I just did in Chrome: 

https://drive.google.com/file/d/1OrJvjuE9ieHdgcWqqZZpRwVC83hv200Z/view?usp=sharing

 

Hope this helps!

Link to comment
Share on other sites

Hello! @GreenSock Just wanted to bump this to see if there's an update. Been trying for more than a month to add smooth scrolling to a website using other libraries or methods but the reality is that only ScrollSmoother has worked without breaking anything (except for the issue I've been sharing), so not really wanting to be annoying or impatient 😬

 

I appreciate any help!

  • Like 1
Link to comment
Share on other sites

Absolutely - not ignoring this and I appreciate the "bump"; we're hard at work on some enhancements and fixes (including this one). It's time-consuming, but rest assured I'll post back here when I've got something for you to look at. Thanks for your patience.

  • Like 1
Link to comment
Share on other sites

  • Solution

@BC Development alright, I believe I chased down the issue and got it resolved. Would you please try these beta versions (you may need to clear your cache)?:

Better? 

Link to comment
Share on other sites

@GreenSock hey! thanks for the help! I didn't see your reply until today, but yeah, it looks like that fixed it!

so, I would still need for an update to be pushed to the npm package to use it on a live project right?

  • Like 1
Link to comment
Share on other sites

This is great news. And yes - I think so. Although maybe we could get you a tgz file if you needed? 

@GreenSock will know more about the status of the next update and possible ways forward for your live projects

 

Link to comment
Share on other sites

I sent you a DM about accessing the unrestricted beta files, @BC Development 👍

  • Like 2
Link to comment
Share on other sites

Hi

is it possible to get the updated beta files?

 

Cause I guess it will solve the problem with a video with no defined height that breaks the layout..!

 

Thanks a lot

 

  • Like 1
Link to comment
Share on other sites

@Lambdaka DM sent. 

  • Like 1
Link to comment
Share on other sites

Thanks !

will try asap

 

  • Like 1
Link to comment
Share on other sites

@GreenSock I got the same problem and fighting for all day, and I try the beta file it's worked!!😭

 Please sand me the beta files~  😭   😭   😭  


  • Like 1
Link to comment
Share on other sites

@Gore Wang sent. 

  • Like 1
  • Thanks 1
Link to comment
Share on other sites

Hi @GreenSock could I also get the code to this beta? I'm currently on 3.10.4 and facing this issue.

 

If it doesn't fix my issue I'll try to make a codesandbox (gatsby).

It's weird because I have a minimal environnement where this bug isn't present, but on an actual project it's an issue.
Could be because of the component nesting or something of the sorts.

Link to comment
Share on other sites

24 minutes ago, monolith said:

Hi @GreenSock could I also get the code to this beta? I'm currently on 3.10.4 and facing this issue.

Sent. 

Link to comment
Share on other sites

  • 1 month later...

I also got the same problem in Safari when resizing browser with ScrollSmoother enable.

 

Can I also have this beta too? :)

Link to comment
Share on other sites

Absolutely, @runejensencom. Sent. 

 

We're prepping the next GSAP release with some very exciting new features which is why there has been a delay. Sorry about any inconvenience. 

Link to comment
Share on other sites

  • 4 weeks later...
35 minutes ago, GreenSock said:

Sure, @Dev Mude. DM sent. 

 

Hmm unfortunately it didn't fix things for me. You can try fork my pen and add the new versions to see for yourself.

 

Should I create a new thread for this issue?

Link to comment
Share on other sites

Ah yes, sorry - it should be updated correctly now. Please try again. You may need to clear your cache. 

Link to comment
Share on other sites

Awesome, working now, thanks for that!

 

I had to wrap the following code (see my earlier codepen):

snapTriggers.forEach((trigger, i) => {
  snaps[i] = (trigger.start - self.start) / distance
})

In a setTimeout:

setTimeout(() => {
  snapTriggers.forEach((trigger, i) => {
    snaps[i] = (trigger.start - self.start) / distance
  })
}, 0)

Otherwise after screen resize, the text wouldn't align properly with the boxes. Not sure if this is a user error or a library error, but just letting you know.

 

Cheers

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