Thuộc tính hành vi cuộn CSS
Ví dụ
Thêm hiệu ứng cuộn mượt mà vào tài liệu:
html {
scroll-behavior: smooth;
}
Hãy tự mình thử »
Định nghĩa và cách sử dụng
Thuộc scroll-behavior
chỉ định xem có tạo hiệu ứng mượt mà cho vị trí cuộn hay không, thay vì nhảy thẳng, khi người dùng nhấp vào liên kết trong hộp có thể cuộn.
Giá trị mặc định: | tự động |
---|
Thừa hưởng: | KHÔNG |
---|
Hoạt hình: | KHÔNG. Đọc về hoạt hình |
---|
Phiên bản: | Mô-đun xem CSSOM (Bản nháp đang hoạt động) |
---|
Cú pháp JavaScript: | đối tượng .style.scrollBehavior="smooth" Hãy dùng thử |
---|
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property |
|
|
|
|
|
scroll-behavior |
61.0 |
79.0 |
36.0 |
14.0 |
48.0 |
Cú pháp CSS
scroll-behavior: auto|smooth|initial|inherit;
Giá trị tài sản
Value |
Description |
auto |
Allows a straight jump "scroll effect" between elements within the scrolling box. This is default |
smooth |
Allows a smooth animated "scroll effect" between elements within the scrolling box. |
initial |
Sets this property to its default value. Read about initial |
inherit |
Inherits this property from its parent element. Read about inherit |
Người tìm đường W3schools
Theo dõi tiến trình của bạn - hoàn toàn miễn phí!