Smooth Scrolling with one line of CSS | #shorts

Smooth Scrolling with one line of CSS | #shorts

Kevin Powell

3 года назад

89,991 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

@sarajarjen
@sarajarjen - 24.10.2023 10:11

Omg merci ! ☺️

Ответить
@Black_Night_90
@Black_Night_90 - 03.09.2023 18:25

thank you very much

Ответить
@jeodazang
@jeodazang - 18.07.2023 16:34

not working :-(

Ответить
@canepaper967
@canepaper967 - 24.01.2023 15:05

changing scroll behavior should be illegal

Ответить
@riacharda
@riacharda - 25.10.2022 21:13

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

Ответить
@Adomas_B
@Adomas_B - 02.09.2022 18:02

Why on earth is this not the default value?

Ответить
@AbhishekTiwari-uj7nj
@AbhishekTiwari-uj7nj - 22.08.2022 04:31

Wow man I your fan

Ответить
@dailytechrumors5707
@dailytechrumors5707 - 07.08.2022 12:13

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 ???

Ответить
@karstenlehmann13595
@karstenlehmann13595 - 23.03.2022 03:29

Wow - great!

Ответить
@martinzen
@martinzen - 07.01.2022 18:00

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

Ответить
@ongke3655
@ongke3655 - 29.12.2021 08:42

But we use js for it because of safari

Ответить
@fluffybunny510
@fluffybunny510 - 24.12.2021 12:22

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

Ответить
@hb8527
@hb8527 - 14.12.2021 04:42

Kevin I love you

Ответить
@largpack
@largpack - 30.11.2021 22:35

how do you know all this stuff man!

Ответить
@jemanmama6545
@jemanmama6545 - 30.11.2021 16:21

Whaaattts?

Ответить
@cubedev4838
@cubedev4838 - 13.11.2021 16:41

Love this one !!!

Ответить
@kost9kost
@kost9kost - 12.11.2021 22:59

It works on safari?

Ответить
@oliver139
@oliver139 - 09.11.2021 19:36

I thought you need JS for this..

Ответить
@jonathonkiner7415
@jonathonkiner7415 - 13.10.2021 22:02

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

Ответить
@Tikayy
@Tikayy - 11.10.2021 05:33

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

Ответить
@codium1837
@codium1837 - 08.10.2021 11:08

Powerfull

Ответить
@yuan97
@yuan97 - 03.10.2021 06:21

the truth is safari can NOT support this css now🙁

Ответить
@BrandonAB
@BrandonAB - 02.10.2021 23:59

Bueno

Ответить
@jozefrzadkosz5945
@jozefrzadkosz5945 - 23.09.2021 15:28

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

Ответить
@TiffanyNg100
@TiffanyNg100 - 21.09.2021 09:52

love these short! snippet that my shorterm soan can consume

Ответить
@aayush_karna
@aayush_karna - 15.09.2021 14:09

I feel like Safari is becoming next IE.

Ответить
@tank7474
@tank7474 - 13.09.2021 00:18

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

Ответить
@cyruskamunya1019
@cyruskamunya1019 - 12.09.2021 10:26

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

Ответить
@OkolokoLucky
@OkolokoLucky - 12.09.2021 02:33

💯

Ответить
@vince8244
@vince8244 - 10.09.2021 18:15

Now I know....

Ответить
@pranavyeole102
@pranavyeole102 - 09.09.2021 16:17

keep these coming please

Ответить
@ThaFellah
@ThaFellah - 08.09.2021 16:46

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

Ответить
@dragonprince08
@dragonprince08 - 08.09.2021 14:58

Thanks for this! :D

Ответить
@N0T_Dem0n
@N0T_Dem0n - 08.09.2021 07:12

How do you make a the page longer tho?

Ответить
@igorcweb
@igorcweb - 06.09.2021 06:39

Unfortunately, it doesn't work on Safari.

Ответить
@andrianowoods4213
@andrianowoods4213 - 03.09.2021 17:23

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

Ответить
@IainSimmons
@IainSimmons - 03.09.2021 16:05

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

Ответить
@mateusvitorino
@mateusvitorino - 01.09.2021 02:11

Nice

Ответить
@Rivhoy6ivu7r
@Rivhoy6ivu7r - 31.08.2021 21:11

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

Ответить
@naturemc2
@naturemc2 - 28.08.2021 22:33

Not work in safari

Ответить
@lessthaninfinity6203
@lessthaninfinity6203 - 28.08.2021 18:57

Good. good. Surprise us more

Ответить
@jaredstephens1686
@jaredstephens1686 - 26.08.2021 18:10

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

Ответить
@rahultirkey7950
@rahultirkey7950 - 26.08.2021 14:27

I love that cool tricks.

Ответить
@ganesha8792
@ganesha8792 - 26.08.2021 05:36

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

Ответить
@ed1nh0
@ed1nh0 - 24.08.2021 20:42

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

Ответить
@yajirushik2871
@yajirushik2871 - 24.08.2021 18:17

oh ma ga, it's perfect

Ответить
@johnkeck
@johnkeck - 24.08.2021 16:16

AWESOME!

Ответить
@legascii
@legascii - 24.08.2021 16:06

Not supported for safari yet*

Ответить