CSS overscroll-behavior-y คุณสมบัติ

การระบุและการใช้งาน

overscroll-behavior-y คุณสมบัติใช้เพื่อปิดลิงค์หลุดพื้นที่หรือการตอบสนองของการหลุดพื้นที่เมื่อพยายามเลื่อนที่เกินขอบเขตเลื่อนในทิศ y

ลิงค์หลุดพื้นที่หมายถึงการหลุดพื้นที่เกินบนอิเล็กทรอนิกส์ส์ที่ทำให้มีการเลื่อนบนอิเล็กทรอนิกส์พ่อ ซึ่งเป็นการทำงานตามปกติ

การหลุดพื้นที่เกินการตอบสนองเกิดขึ้นเมื่อผู้ใช้พยายามเลื่อนที่เกินขอบเขตเลื่อน ตัวอย่าง เมื่อพยายามเลื่อนเกินหัวข้อของหน้าเว็บบนเครื่องมือมือถือ จะมีการตอบสนองทางทัศน์เมื่อหน้าเว็บที่กำลังเปิดมีการเรียกใช้ของหน้าเว็บอีกครั้ง

ตัวอย่าง

ปิดลิงค์หลุดพื้นที่ของอิเล็กทรอนิกส์ส์เลื่อนที่สามารถเลื่อนได้

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

ทดลองด้วยตัวเอง

CSS ภาษาสั้น

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

ค่าอาตราสิน

ค่า รายละเอียด
auto อนุญาตให้มีลิงค์หลุดพื้นที่และการตอบสนองของการหลุดพื้นที่เลื่อน ค่าเริ่มต้น
contain อนุญาตให้มีการตอบสนองของการหลุดพื้นที่เลื่อน แต่ไม่อนุญาตให้มีลิงค์หลุดพื้นที่
none ไม่อนุญาตให้มีการตอบสนองของการหลุดพื้นที่เลื่อนหรือการทำงานของลิงค์หลุดพื้นที่
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น ดู: initial.
inherit สืบทอดคุณสมบัตินี้จากตัวปลายตามต้น ดู: inherit.

รายละเอียดเทคนิค

ค่าเริ่มต้น: auto
การสืบทอด: ไม่
การทำอนุรักษ์การ์ตูน: ไม่สนับสนุน โปรดดู:คุณสมบัติที่เกี่ยวข้องกับอนุรักษ์การ์ตูน.
เวอร์ชัน: CSS3
JavaScript ภาษาสั้น object.style.overscrollBehaviorY="none"

การสนับสนุนของบราวเซอร์

ตัวเลขในตารางแสดงความสอดคล้องกันของเวอร์ชันบราวเซอร์ที่สนับสนุนคุณสมบัตินี้ในครั้งแรก

Chrome Edge Firefox Safari Opera
63.0 18.0 * 59.0 16.0 50.0

* ใน Microsoft Edge ค่าอาตราสิน none ถูกประมวลเป็น contain ซึ่งไม่ถูกต้อง

หน้าที่เกี่ยวข้อง

อ้างอิง：CSS overscroll-behavior คุณสมบัติ

อ้างอิง：CSS overscroll-behavior-block คุณสมบัติ

อ้างอิง：CSS overscroll-behavior-inline คุณสมบัติ

อ้างอิง：CSS overscroll-behavior-x คุณสมบัติ

อ้างอิง：CSS scroll-behavior คุณสมบัติ

อ้างอิง：CSS scroll-margin คุณสมบัติ

อ้างอิง：CSS scroll-padding ทางนักเรียน

อ้างอิง：CSS scroll-snap-align ทางนักเรียน