DEV Community

Smooth Scroll with one line of CSS

Florin Pop on January 14, 2020

I made a short, straight to the point video tutorial in which I'll show you how to create a

Smooth Scroll effect using only one line of CSS.

Enjoy! ๐Ÿ˜Š

Collapse
 
benbot profile image
Benjamin Botwin • Edited

TL;DW

He's using a working draft css rule scroll-behavior that only currently works on firefox and chrome.

caniuse.com/#feat=css-scroll-behavior

Super slick though. Definitely something I'll keep in mind in the future.

Collapse
 
florinpop17 profile image
Florin Pop

2 minutes is not that long though ๐Ÿ˜‚

But thanks for that! ๐Ÿ‘๐Ÿป

Collapse
 
benbot profile image
Benjamin Botwin

It's still definitely worth a watch for the example of how to use it, don't get me wrong.

I just want to help out my fellow work procrastinators.

Thread Thread
 
florinpop17 profile image
Florin Pop

Don't worry! I totally understand! ๐Ÿ˜ƒ