ລະບົບ overscroll-behavior-y CSS

定义和用法

overscroll-behavior-y 属性用于在 y 方向上尝试滚动超出滚动边界时,关闭元素的滚动链或过度滚动反馈。

ການຫລຸດຕົວຫລຸດແມ່ນການຫລຸດຕົວຫລຸດໃນປະກອບສະບາຍທີ່ຫລຸດຕົວຫລຸດບໍ່ມີຄວາມຫລຸດທີ່ຈະຫລຸດຕົວຫລຸດປະຈຳພູມເພື່ອປະຈຳປະຈຳພູມ. ຄວາມຖືກຕ້ອງດັ່ງກ່າວ.

ການຫລຸດຕົວຫລຸດການສົ່ງກັບບໍ່ມີຄວາມຖືກຕ້ອງ ແມ່ນການສົ່ງກັບທີ່ໃຫ້ມີຄວາມຖືກຕ້ອງ ເມື່ອຜູ້ນຳໃຊ້ພະຍາຍາມຫລຸດຕົວຫລຸດບ່ອນທີ່ບໍ່ມີຄວາມຫລຸດ. ເອງວິທີກໍານົດ: ໃນອຸປະກອນຫລຸດຕົວຫລຸດ, ເມື່ອຜູ້ນຳໃຊ້ພະຍາຍາມຫລຸດຕົວຫລຸດບ່ອນທີ່ບໍ່ມີຄວາມຫລຸດ, ຈະມີການຫລຸດຕົວຫລຸດທາງທີ່ຫາກະຈາຍສະໜາມ.

ຄວາມກ່າວຫາ

ປິດການຫລຸດຕົວຫລຸດຂອງ <div> ທີ່ສາມາດຫລຸດຕົວຫລຸດໄດ້:

#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 ບໍ່ມີຄວາມຖືກຕ້ອງ.

ບັນດາບາງຄົນຂ້າງມືຂອງຂ້າງມື

ກ່ຽວກັບ:ລະບົບ overscroll-behavior CSS

ກ່ຽວກັບ:ລະບົບ overscroll-behavior-block CSS

ກ່ຽວກັບ:ລະບົບ overscroll-behavior-inline CSS

ກ່ຽວກັບ:ລະບົບ overscroll-behavior-x CSS

ກ່ຽວກັບ:ລະບົບ scroll-behavior CSS

ກ່ຽວກັບ:ລະບົບ scroll-margin CSS

ກ່ຽວກັບ:ປະເພດ CSS scroll-padding

ກ່ຽວກັບ:ປະເພດ CSS scroll-snap-align