Problem with text wiggling and scrolling animation

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

Here is the link (to be seen on a computer): https://augustins-marvelous-project.webflow.io/

You can see the read-only link here: https://preview.webflow.com/preview/augustins-marvelous-project?utm_medium=preview_link&utm_source=dashboard&utm_content=augustins-marvelous-project&preview=934c1ddc95af1de74f0217412ef3f1c1&mode=preview

Thanks very much for your help!!

Hey there @Augustindb !

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

Assuming you didn’t mean to tag me, @RileyJones?

Hello @RileyJones, here is a video showing the problem: https://www.loom.com/share/cd8c3bc15c654a4796996752a0de3a3a

Thanks for the video.

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.

Here’s an example: https://scroll-test-ec10f9.webflow.io/

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.

​I hope it was helpful.