Thuộc tính scroll-behavior
Thuộc tính scroll-behavior thiết lập cuộn mượt
hoặc tức thì bên trong phần tử.
Thuộc tính nhận hai giá trị auto (chuyển tiếp
tức thì tới phần tử) và smooth (chuyển tiếp
mượt mà).
Cú pháp
bộ chọn {
scroll-behavior: auto hoặc smooth;
}
Ví dụ . Giá trị auto
Hãy thiết lập cuộn tức thì:
<div>text</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Ví dụ . Giá trị smooth
Và bây giờ hãy đặt cuộn mượt:
<div>text</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
Xem thêm
-
giả lớp
:fullscreen,
thiết lập kiểu cho các phần tử ở chế độ toàn màn hình -
giả lớp
:default,
thiết lập kiểu mặc định cho các phần tử
