How To - 부드러운 스크롤

w3.css

CSS를 사용하여 부드러운 스크롤 효과를 만드는 방법을 알아보자.

스크롤 동작 추가: 전체 페이지에서 부드럽게 스크롤할 수 있도록 <html> 요소에 부드럽게 추가한다(참고: 특정 요소/스크롤 컨테이너에 추가할 수도 있다).

html {
  scroll-behavior: smooth;
}

기본 예시

W3C School - How TO - Smooth Scroll

Mingg`s Diary

밍구

공부 목적 블로그