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
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.
This worked perfect! We have a sticky div inside a container (flex) and with scrolling.
Thank you