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

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!

css javascript animation website scrolling

12th Apr 2024, 1:35 AM

Abiye Gebresilassie Enzo Emmanuel

3 Answers

+ 2

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

12th Apr 2024, 3:26 PM

Vidhya Tharan

+ 1

Show your effort, please! Also check this out ⤵️ https://www.sololearn.com/Discuss/1428708/?ref=app

12th Apr 2024, 6:47 AM

`нттp⁴⁰⁶

+ 1

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.

12th Apr 2024, 6:49 AM

Ausgrindtube