scroll-behavior 속성
속성 scroll-behavior는 요소 내부의
부드러운 또는 즉각적인 스크롤을 설정합니다.
속성은 두 가지 값 auto (즉각적인
이동)과 smooth (부드러운
이동)을 받습니다.
문법
선택자 {
scroll-behavior: auto 또는 smooth;
}
예제 . auto 값
즉각적인 스크롤을 설정해 봅시다:
<div>text</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
예제 . smooth 값
이제 부드러운 스크롤을 설정해 봅시다:
<div>text</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
참고 항목
-
의사 클래스
:fullscreen,
전체 화면 모드에서 요소의 스타일을 설정합니다 -
의사 클래스
:default,
기본적으로 요소의 스타일을 설정합니다
