scroll-behavior: smooth 스크롤 부드럽게 만들기

HeeGeun.Lee·2022년 10월 23일
1

css

목록 보기
2/2
post-thumbnail

scroll-behavior 특징

스크립트를 사용하지 않고 사용자가 스크롤 가능한 상자 내의 링크를 클릭할 때 스크롤 위치를 부드럽게 애니메이션할지 여부를 지정하는 속성이 scroll-behavior 이다.

https://www.w3schools.com/cssref/pr_scroll-behavior.asp

scroll-behavior 값

scroll-behavior: auto|smooth|initial|inherit;
이중에서 스크롤을 부드럽게 해주는것은 smooth이다.

can i use


아직 Working Draft 단계이다.
IE 11 브라우저에서 지원하지 않는다.
주의하여 사용하자.

code

profile
느리지만 천천히.

0개의 댓글