Thuộc tính overscroll-behavior-y của CSS

Trang trước overscroll-behavior-x
Trang sau padding

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

overscroll-behavior-y Thuộc tính được sử dụng để tắt chuỗi cuộn hoặc phản hồi quá mức cuộn khi cố gắng cuộn vượt quá giới hạn cuộn theo hướng y.

Chuỗi cuộnLà khi cuộn quá mức trên một phần tử gây ra hành vi cuộn của phần tử cha. Đây là hành vi mặc định.

Quá mức cuộnPhản hồi là khi người dùng cố gắng cuộn vượt quá giới hạn cuộn mà được cung cấp phản hồi. Ví dụ, trên thiết bị di động, khi cố gắng cuộn vượt quá đầu trang của trang, thường đi kèm với phản hồi thị giác khi trang刷新.

Mô hình

Tắt chuỗi cuộn của phần tử <div> cuộn:

#yellowDiv {
  overscroll-behavior-y: contain;
}

Thử nghiệm trực tiếp

Ngữ pháp CSS

overscroll-behavior-y: auto|contain|none|initial|inherit;

Giá trị thuộc tính

Giá trị	Mô tả
auto	Cho phép hành vi chuỗi cuộn và phản hồi quá mức cuộn. Giá trị mặc định.
contain	Cho phép hành vi phản hồi quá mức cuộn, nhưng không cho phép chuỗi cuộn.
none	Không cho phép phản hồi quá mức cuộn hoặc hành vi chuỗi cuộn.
initial	Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit	Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định:	auto
Di truyền:	Không
Chế tạo animation:	Không hỗ trợ. Xem thêm:Thuộc tính liên quan đến animation.
Phiên bản:	CSS3
Ngữ pháp JavaScript:	object.style.overscrollBehaviorY="none"