Smooth vertical scrolling

I’ve been coming across sites recently that seem to have a really smooth fluid scrolling ‘feel’ when doing simple vertical page scrolling. An example would be: Zilch | Join over four million customers

Compared to the bubble websites i’ve seen, including my own, it almost feels like the frame rate is higher or something, although i don’t think that’s possible.

Maybe it’s just scrolling slower, and seems to have some kind of acceleration/deceleration effect - and lots of parallax effects which may add to the illusion of a smoother experience. Either way it’s more less ‘jittery’ when scrolling the page up and down.

Does anyone know if this kind of smooth scrolling is possibly in bubble ?

An easy way to have smooth scrolling is to just add a simple html element to the page:

Screenshot 2024-08-11 10.37.12 AM

Put it in a reusable element so you can have it on every page…

or put it in the header or footer if it’s on every page.

1 Like

Thanks for trying to find solution. It didn’t make any difference as far as i can tell but i appreciate your reply regardless.

I never managed to find the answer to this.

For example, look at how this page scrolls: Terms of Service - Suno AI

It doesn’t stop scrolling abruptly - it kinda has de-acceleration. If anything this one it TOO slow to come to a standstill, but this ‘smooth’ feeling is what i am looking for.

Does anyone know how this is done and can it be done in bubble or with some coded added etc?

Have you figured out a solution for this? I am trying to implement it too. I tried Lenis.js, but it seems like it can’t be initialized in Bubble.