How to Scroll Gently / Slowly / Gracefully?

Is there any JavaScript or CSS that others have used to scroll gently / gracefully to elements on the page?

The Scroll to Bubble function is virtually unusable jumping users down or up to an element without scrolling gracefully leaving the user with a UX problem with them unsure where they are.

3 Likes

CSS has a “smooth scroll” property

https://www.w3schools.com/howto/howto_css_smooth_scroll.asp#section2

It’s been quite some time but I used this at some point and it worked. Unfortunately that app has been updated since and I have not used smooth scrolling since. It may take some tinkering to get it to apply to what you’re trying to do.

although w3 implies that adding it to
html{ scroll-behavior: smooth; }
will work for the whole page. Throw it in an html element on the page and use bubble scroll to workflow. See if it works

1 Like

I’ll give that a try, thanks!

This topic was automatically closed after 70 days. New replies are no longer allowed.