Thuộc tính CSS overscroll-behavior-y
Ví dụ
Tắt chuỗi cuộn cho phần tử <div> có thể cuộn:
#yellowDiv {
overscroll-behavior-y: contain;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Thuộc tính overscroll-behavior-y
được sử dụng để tắt tính năng cuộn chuỗi hoặc cuộn quá mức trên một phần tử khi bạn cố gắng cuộn qua ranh giới cuộn theo hướng y.
Chuỗi cuộn là khi việc cuộn quá mức trên một phần tử sẽ dẫn đến hành vi cuộn trên phần tử gốc. Đây là hành vi mặc định.
Khả năng cuộn quá mức là một phản hồi cho người dùng khi cố gắng cuộn ra ngoài ranh giới cuộn. Ví dụ: phản hồi trực quan cùng với việc làm mới trang thường xảy ra trên thiết bị di động khi buộc phải cuộn ra ngoài đầu trang.
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: | CSS3 |
Cú pháp JavaScript: | đối tượng .style.overscrollBehaviorY="none" 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 | |||||
---|---|---|---|---|---|
overscroll-behavior-y | 63.0 | 18.0 * | 59.0 | 16.0 | 50.0 |
* Trong Microsoft Edge, giá trị thuộc tính 'none' được coi là 'contain' và điều này không chính xác.
Cú pháp CSS
overscroll-behavior-y: auto|contain|none|initial|inherit;
Giá trị tài sản
Value | Description |
---|---|
auto | Allows scroll chaining and overscroll affordance behavior. This is default |
contain | Allows overscroll affordance behavior, but not scroll chaining. |
none | Does not allow overscroll affordance or scroll chaining behavior. |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Trang liên quan
Thuộc tính hành vi cuộn quá mức CSS: Thuộc tính hành vi cuộn quá mức CSS
Thuộc tính khối hành vi cuộn quá mức CSS: Thuộc tính khối hành vi cuộn quá mức CSS
Thuộc tính Overscroll-behavior-inline của CSS: Thuộc tính Overscroll-behavior-inline của CSS
Thuộc tính CSS overscroll-behavior-x: Thuộc tính CSS Overscroll-behavior-x
Thuộc tính hành vi cuộn CSS: Thuộc tính hành vi cuộn CSS
Thuộc tính lề cuộn CSS: Thuộc tính lề cuộn CSS
Thuộc tính đệm cuộn CSS: Thuộc tính đệm cuộn CSS
Thuộc tính CSS cuộn-snap-align: Thuộc tính CSS Scroll-snap-align