Is there a way to achieve smooth scrolling animation when using the scroll wheel?

Question

I'm trying to make it so that when I scroll the page it moves smoothly instead of the "jumpy" way it does when using the scroll wheel.

Most of the sources I've seen related to this involve smooth scrolling when clicking buttons or links, like what react-scroll provides, but I specifically want to achieve the smooth effect of wheel scrolling. Is there a way to achieve this through a Material UI theme, or is there a React package that can help with this?

Answer 1

If you want to achieve smooth scrolling when clicking the anchor, you can apply the following code to your html tag:

scroll-behavior: smooth;

If you want to apply an animation effect while scrolling, it will be applied to every website by default.