Smooth scrolling with CSS or Javascript

Question

My question is that in web page we should apply smooth scrolling with CSS or Javascript. I know how to do it with both, i just want to know that Which would be a better option?

Answer 1

Use css:

scroll-behavior: smooth;

Answer 2

Use scroll-behavior property in the html element to enable smooth scrolling for the whole page.

html {
  scroll-behavior: smooth;
}

Using JavaScript read this .

Answer 3

Please read this blog: https://www.lambdatest.com/blog/browser-compatible-smooth-scrolling-with-css-js-jquery/

It might be helpful for you and determined which way is better for your requirements.