Streaming live at 10am (PST)

Parallax Scrolling is bouncing or jittery

Hi!

I am working on my website and added some parallax scrolling. It mostly looks great (only formatted for desktop at the moment). But as I scroll down, it is either jittery (smoothing = 0), or very bouncy (smoothing = 100), and nothing in between looks good to me. Am I doing something wrong?


Here is my public share link:
https://preview.webflow.com/preview/skepticize?utm_medium=preview_link&utm_source=dashboard&utm_content=skepticize&preview=8388ca069399ccfeebb84275a77e7f58&mode=preview

1 Like

Did you preview it on a published link? Animations may look jittery in the webflow preview

I did preview it. It is a little better, but not much.

Using some custom code might help. Use will-change CSS property

Coding is not me forte, unfortunately. I was hoping there was a way to accomplish this without coding.

Hey, it’s not mine either.

Check out this video. It explains how to use it.

.truth-or-fiction-section {
will-change: transform;
}

Awesome! Thank you. I will see if I can get this to work.

I figured it out. However it was not the code that fixed it. I figured out if I put the elements in a Sticky Div block, that fixed the issue right away.

In case anyone needs to reference this in the future. This link might be different than the one posted above because I copied the website to run a few tests.

https://preview.webflow.com/preview/skepticize?utm_medium=preview_link&utm_source=dashboard&utm_content=skepticize&preview=8388ca069399ccfeebb84275a77e7f58&mode=preview

1 Like