scroll-behavior

Các utility để kiểm soát hành vi cuộn của một phần tử.

ClassStyles
scroll-auto
scroll-behavior: auto;
scroll-smooth
scroll-behavior: smooth;

Ví dụ

Sử dụng cuộn mượt mà

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 cuộn thông thường

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>
Copyright © 2025 Tailwind Labs Inc.·Chính sách thương hiệu