Maniak Development

Hi, I have a really dumb question about a functionality. I need a container that has text to move vertically each time I click a key. Is there an easy way to do it with a tween? I see the container only moves one time and that's it. How can I make it to move each time I click a key?

Hi, I'm having a difficult time with this animation. I have a logo which is going to animate from the bottom then the letters of the logo are going to be reveal from right to left at the same time that it push the logo so everything stays centered. I have and example but it looks like the animation is starting from the center, and not from right to left. I tried to use a background image instead of the SVG and seems to work fine, the issue is that later on I need to change the logo color, so using background image is not an option. Any help would be appreciated. Here is an example of the animation I'm trying to do Screen Recording 2022-07-05 at 15.20.17.mov

I have a weird issue with an animation I'm trying to create. I want to move the window trough sections when the user scrolls just a little bit. It works great using a regular mouse, but whenever I use the macbook trackpack the animation triggers multiple times, so instead of moving to the next section, it goes to the last one. Is there a way to fix this issue?

Thank you for your solution, the only issue that I see is that the logo is not centered in the screen

Hi, I have an animation that I'm having issues with. I'm trying to reveal a text while also push the logo at the same time (look video reference) but I can't do it smoothly. On my codepen it shows a big jump for the logo image once the text is reveled. Any help on how can I solve this? Screen Recording 2022-06-23 at 15.32.07.mov

@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?

I don't have a codepen cause the issue is on my actual website, on codepen I can't reproduce the issue. I'm using a macbook so I use the native recorder program. I can upload some videos of the issue. It seems like when I record the computer uses a lot of resources and that makes chrome to behave slower which causes the scrolltrigger to not function properly

I have a really weird issue that only happens on Google Chrome. While recording my screen the scrolltrigger breaks, I did some testing and this only seems to happen on Chrome, I did some research but couldn't find a reason why. I just need some help or if this is something that has been reported before. I think is more of an issue with Chrome instead of Gsap but I just wanted to try my luck in this forum because I can't find a fix.

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!

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!

@GreenSock I'm back 🙃 but now I was able to pinpoint the problem to a scrolltrigger that is snapping to different sections and I created a CodePen that reproduces the problem https://codepen.io/diegoatmaniak/pen/MWQaMQx

Yup! nevermind! I have a ScrollTrigger implementation that is creating some sort of conflict with ScrollSmoother on resize. I'll check my code!

@GreenSock oh! I implemented ScrollSmoother recently on a site, I don't have a CodePen demo and since the problem I'm seeing is the same described above, I thought that maybe I didn't have the fix. Basically if I resize the window with the page scrolled down, it glitches and doesn't let me go up after that. I'm certain that is ScrollSmoother because if I remove it, it doesn't happen. I have many Scrolltrigger transitions on that homepage so I could guess something is interfering there, but I would have to test. Thanks for the quick response!

Hi! I'm having this same problem on a website I'm building but I noticed in the CodePens the fix comes on a 3.10.5 version of ScrollSmoother but the latest I get is 3.10.4. I'm getting it from NPM, is there a way to get the new version from there?

I need to update the width to full screen of my red box when the user resize the screen to bigger and the scroll is on the top before resize after