Các utility để kiểm soát hành vi cuộn của một phần tử.
| Class | Styles |
|---|---|
scroll-auto | scroll-behavior: auto; |
scroll-smooth | scroll-behavior: smooth; |
Sử dụng utility scroll-smooth để bật cuộn mượt mà trong một phần tử:
<html class="scroll-smooth"> <!-- ... --></html>Thiết lập scroll-behavior chỉ ảnh hưởng đến các sự kiện cuộn được kích hoạt bởi trình duyệt.
Sử dụng utility scroll-auto để quay lại hành vi cuộn mặc định của trình duyệt:
<html class="scroll-smooth md:scroll-auto"> <!-- ... --></html>