scroll-behavior

엘리먼트의 스크롤 동작을 제어하는 유틸리티입니다.

Class Styles

Class	Styles
`scroll-auto`	`scroll-behavior: auto;`
`scroll-smooth`	`scroll-behavior: smooth;`

scroll-auto

scroll-behavior: auto;

scroll-smooth

scroll-behavior: smooth;

예제

scroll-smooth 유틸리티를 사용해 엘리먼트 내에서 부드러운 스크롤을 활성화할 수 있습니다:

<html class="scroll-smooth">  <!-- ... --></html>

scroll-behavior 설정은 브라우저에 의해 트리거된 스크롤 이벤트에만 영향을 미칩니다.

기본 브라우저 스크롤 동작으로 되돌리려면 scroll-auto 유틸리티를 사용하세요:

<html class="scroll-smooth md:scroll-auto">  <!-- ... --></html>