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

cssbộ chọn {
  scroll-behavior: auto hoặc smooth;
}

Ví dụ . Giá trị auto

Hãy thiết lập cuộn tức thì:

html<div>text</div>

cssdiv {
  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:

html<div>text</div>

cssdiv {
  scroll-behavior: smooth;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

Xem thêm