DEV Community

Florin Pop
Florin Pop

Posted on

21 3

Smooth Scroll with one line of CSS

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! ๐Ÿ˜Š

Top comments (4)

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! ๐Ÿ˜ƒ

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more