Smooth Scrolling with one line of CSS | #shorts

#css

--

Come hang out with other dev's in my Discord Community

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

Help support my channel

---


---

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[eternalheckler]

Hey Kevin! Love these! It would be awesome if you made a playlist of just the shorts

[SenseGames]

It's almost like you knew. You READ MY MIND on what I needed to learn this week.

[gregoryedwards]

Kevin, been watching your vids for awhile. Just wanna say man you are my Go-to YouTuber right now(and I’ve seen a lot). Love how you focus on CSS primarily, something I think is a fundamental program that most skip and don’t fully immerse themselves in. Thank you for these!

[interneter]

I don’t understand how people can dislike a video of 27 seconds where you learn something !

Thank you a lot, I’m a back-end developer, your videos make me think more about what CSS can do and see how fascinating it can be !

[benja-min]

Don't forget scroll-padding or scroll-margin! its very helpful to offset the scroll end position (doesn't work in IE though) :)

[idontwantmynameinhere]

this is such a life saver, you're incredible ❤️

[riacharda]

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

[Morrile]

No messing, straight to the point, done!

[MyDpop]

✔How much I prefer this short videos! Thank you @Kevin Powell

[kelour]

Thanks for the tip, thats insane to know. Love the format of this.

[nucuta]

Thank you very much! I really needed this for my website! You are an angel🥺 🌸

[nicolas_reibnitz]

Love it! For those concerned: it degrades gracefully on IE11 and Safari. Meaning it jumps to where it should instead of scrolling there smoothly.

[zenozenolo]

This shorts are really awesome! please keep them coming!!! :D

[jonathonkiner]

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

[IainSimmons]

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

[nandinidubey]

You are doing job
Keeping doing it, It helps us lot

[namthuan]

Kevin Power 👍🏼👍🏼👍🏼 thank you so much for everything you have done 🙏🏼🙏🏼🙏🏼

[andrianowoods]

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

[chanduallada]

Cool... expecting this kind of short clips more from u 😇

[TheCocoaDaddy]

Brilliant!!!! THANK YOU for this awesome nugget of info!