How to create a smooth scrolling animation using CSS and JavaScript?

Question

Hey folks! I'm trying to craft a smooth scrolling animation for my website, but I'm a bit stuck. Could someone give me tips on the best way to implement this using CSS and JavaScript? I want the animation to be visually pleasing and work smoothly on all devices. Any suggestions would be greatly appreciated!

Answer 1

Just one css line
Html{
Scroll-behaviour:smooth;
}

Answer 2

Show your effort, please! Also check this out ⤵️

https://www.sololearn.com/Discuss/1428708/?ref=app

Answer 3

Have a look in the code playground, there are some geniuses who have created brilliant codes for you to see how they've implemented such an animation.