scroll-behavior 속성

속성 scroll-behavior는 요소 내부의 부드러운 또는 즉각적인 스크롤을 설정합니다. 속성은 두 가지 값 auto (즉각적인 이동)과 smooth (부드러운 이동)을 받습니다.

문법

css선택자 {
  scroll-behavior: auto 또는 smooth;
}

예제 . auto 값

즉각적인 스크롤을 설정해 봅시다:

html<div>text</div>

cssdiv {
  scroll-behavior: auto;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

예제 . smooth 값

이제 부드러운 스크롤을 설정해 봅시다:

html<div>text</div>

cssdiv {
  scroll-behavior: smooth;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

참고 항목