scroll-behavior: smooth 속성 사용하기

블로그에 부드러운 스크롤링을 위해서 CSS의 scroll-behavior를 활용해본다.

우선, scroll-behavior이 뭔지 알아보자.

w3school: CSS scroll-behavior Property에 아주 잘 나와있다.

사용 방법은 아주 간단하다. 아래 코드를 확인해보자.

scroll-behavior: smooth 적용 전

scroll-behavior: smooth 적용 후

speed를 조절할 수 있는지는 모르겠다.

이제 블로그에 적용된 것을 확인해보자.

Bottom

아래로 이동

Top

위로 이동