Hello everyone! I created a website with animations when scrolling. My goal is to keep text centered, but when I do scroll, the text wiggles in the center (I tried with smoothing at 0% and 50% and I have the same problem).
Thanks for reaching out and welcome to the community.
When I view the site, I am not able to see any kind of text wiggling while scrolling in chrome. Would it be possible to send a screen recording of what this looks like on your end?
Let me know, and I would be more than happy to continue helping out here.
My best,
Riley
I did take a quick look at the interactions and the video provided and I can see that it’s not smooth.
I would try taking a different approach here that I think would solve the issues, instead of having one wrapper with 1000vh I would break them up in smaller chunks. The black one for example if that is set to say 200vh it will not flicker like it does now.
My example does not have any interactions and the text is set to sticky but as you can see the black section does not flicker. All sections have a 200vh height.