Smooth Scrolling with one line of CSS | #shorts

Not supported for safari yet*

AWESOME!

oh ma ga, it's perfect

It's like border-radius in the past, we actually didn't need it, but it's better having it.

Which app you're using for code all programs in one thing

I love that cool tricks.

I’m learning to code an I plan on doing this w/ my portfolio. In my head I was thinking this was super hard to code, welp guess not. Thank you for the vid

Good. good. Surprise us more

Not work in safari

I have used libraries for this so many time. What a waste of time it has been

Nice

Only other thing I'd recommend is wrapping in a media query that checks for the prefers-reduced-motion setting, for accessibility reasons.

I used this sometimes ago... It's good to be reminded of it... Thanks.

Unfortunately, it doesn't work on Safari.

How do you make a the page longer tho?

Thanks for this! :D

all cool and everything but it doesnt work on a regular chrome. In order for it to work on chrome the user has to turn on an experimental "smooth scroll" flag. Thats why this solution i crap and you still have to use jquery to make it full responsive

keep these coming please

Now I know....

💯

I always knew the smooth scroll is a Javascript thing. Didn't know there was an even easier one.

I don't code but this is a nice feature, everytime I click on those links and they jump to the subject I just get lost and don't know what in looking at haha

I feel like Safari is becoming next IE.

love these short! snippet that my shorterm soan can consume

Do you know some workaround on Safari for this one? :)

Bueno

the truth is safari can NOT support this css now🙁

Powerfull

Is there actually a top-offset for this? In case of a sticky navbar or whatnot.

That's very helpful! I just got finished with a smooth scroll tutorial yesterday which involved 13 lines of javascript.

I thought you need JS for this..

It works on safari?

Love this one !!!

Whaaattts?

how do you know all this stuff man!

Kevin I love you

Wdf i really didn't knew that, i added third party Javascript library for smooth scrolling lol.

But we use js for it because of safari

Doesn't work on Safari, either iOS or macOS.

Wow - great!

This works in the browser on my computer but does not work on my phone when I host the project on Netlify… any solutions to that ???

Wow man I your fan

Why on earth is this not the default value?

Damn! So much has changed! I remember having to code this in JavaScript.

changing scroll behavior should be illegal

not working :-(

thank you very much

Omg merci ! ☺️