Thuộc tính scrollBehavior

Định nghĩa và cách sử dụng

scrollBehavior Thuộc tính này quy định có hiệu ứng cuộn mượt khi người dùng nhấp vào liên kết trong khung cuộn có cuộn đến vị trí có hiệu ứng mượt mà hay không, thay vì cuộn trực tiếp.

Xem thêm:

Cuốn tham khảo CSS:Thuộc tính scroll-behavior

Mẫu

Thêm hiệu ứng cuộn mượt vào trang:

document.documentElement.style.scrollBehavior = "smooth";

Thử ngay

Cú pháp

object.style.scrollBehavior = "auto|smooth|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
auto Mặc định. Cho phép cuộn trực tiếp giữa các phần tử trong khung cuộn.
smooth Cho phép hiệu ứng cuộn mượt giữa các phần tử trong khung cuộn.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。
inherit Thuộc tính này được kế thừa từ phần tử cha. Xem thêm inherit。

Hỗ trợ trình duyệt

Số liệu trong bảng chỉ ra phiên bản trình duyệt đầu tiên hoàn toàn hỗ trợ thuộc tính này.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0