Share Posted May 12, 2022 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 More sharing options...
Share Posted May 20, 2022 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! 1 Link to comment Share on other sites More sharing options...
Share Posted May 20, 2022 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. 1 Link to comment Share on other sites More sharing options...
Solution Solution Share Posted May 21, 2022 @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)?: ScrollTrigger: https://assets.codepen.io/16327/ScrollTrigger.min.js ScrollSmoother: https://assets.codepen.io/16327/ScrollSmoother.min.js Better? Link to comment Share on other sites More sharing options...
Share Posted May 26, 2022 @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? 1 Link to comment Share on other sites More sharing options...
Share Posted May 27, 2022 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 More sharing options...
Share Posted May 28, 2022 I sent you a DM about accessing the unrestricted beta files, @BC Development 👍 2 Link to comment Share on other sites More sharing options...
Share Posted May 28, 2022 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 1 Link to comment Share on other sites More sharing options...
Share Posted May 28, 2022 @Lambdaka DM sent. ✅ 1 Link to comment Share on other sites More sharing options...
Share Posted May 28, 2022 Thanks ! will try asap 1 Link to comment Share on other sites More sharing options...
Share Posted May 30, 2022 @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~ 😭 😭 😭 1 Link to comment Share on other sites More sharing options...
Share Posted May 31, 2022 @Gore Wang sent. ✅ 1 1 Link to comment Share on other sites More sharing options...
Share Posted June 7, 2022 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 More sharing options...
Share Posted June 7, 2022 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 More sharing options...
Share Posted July 19, 2022 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 More sharing options...
Share Posted July 19, 2022 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 More sharing options...
Share Posted August 11, 2022 @GreenSock I believe I'm having the same issue, try resizing the screen in this pen: See the Pen poLOzbO by elliott-w (@elliott-w) on CodePen Could I have access to beta files please? Link to comment Share on other sites More sharing options...
Share Posted August 11, 2022 Sure, @Dev Mude. DM sent. ✅ Link to comment Share on other sites More sharing options...
Share Posted August 11, 2022 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 More sharing options...
Share Posted August 11, 2022 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 More sharing options...
Share Posted August 11, 2022 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 More sharing options...
Share Posted August 11, 2022 11 hours ago, Dev Mude said: 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. Are you saying that you needed to do that in the NEW version? I think that's just an order-of-operation thing that can be solved by setting refreshPriority: 1 on the snapTriggers so that they are all calculated before your onRefresh() fires on the container which is technically higher on the page (thus would refresh earlier): See the Pen WNzgjRz?editors=0010 by GreenSock (@GreenSock) on CodePen Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now