ລະບົບ overscroll-behavior CSS

ການອະທິບາຍແລະການນຳໃຊ້

overscroll-behavior ການນຳໃຊ້ປະສານວັດຖຸເພື່ອປິດການຖອຍຫຼັງ (scroll chaining) ຫຼືການຖອຍຫຼັງ (overscroll affordance) ຂອງປະກອບເມື່ອພະຍາຍາມຖອຍຫຼັງຈາກຂ້າງການຖອຍ.

ການຖອຍຫຼັງ: ການຖອຍຫຼັງຂອງປະກອບຂອງຜູ້ບັນຈຸທີ່ພະຍາຍາມຖອຍຫຼັງຈາກການຖອຍຫຼັງຈາກຂ້າງ. ນີ້ເປັນການປະຕິບັດທີ່ເປັນການຈັດການແບບຊື່ນ.

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

overscroll-behavior 属性是以下属性的简写形式：

• overscroll-behavior-x
• overscroll-behavior-y

overscroll-behavior 属性的值可以通过不同方式设置：

如果 overscroll-behavior 属性有两个值：

overscroll-behavior: none contain;

• x ທິດ: ບໍ່ມີການສະແດງຄວາມສົມບູນການອອກຮູບ
• y ທິດ: ບໍ່ມີການສັບສວນ, ແຕ່ອະນຸຍາດການສະແດງຄວາມສົມບູນທາງບັນຫາທີ່ຕາມທິດທາງ y:

ຖ້າ overscroll-behavior ມີຄູ່ມູນຄວາມທີ່ມີຄູ່ມູນຄວາມທີ່ມີຄູ່ມູນຄວາມ:

overscroll-behavior: contain;

• x ແລະ y ທິດ: ບໍ່ມີການສັບສວນ, ແຕ່ອະນຸຍາດການສະແດງຄວາມສົມບູນທາງບັນຫາທີ່ຕາມທິດທາງ x ແລະ y:

ຄວາມຄິດຕົວ

ຕົວຢ່າງ 1

ປິດການສະໜັບສະໜູນການສັບສວນຂອງ <div> ສາຍ:

#yellowDiv {
  overscroll-behavior: contain;
}

ທົດລອງດີຕະຫຼອດຕົວຕົນ

ຕົວຢ່າງ 2: ສັບສຳນັກງານທີ່ມີສອງຄູ່ມູນຄວາມ:

ຕັ້ງ: overscroll-behavior ຄູ່ມູນຄວາມຖືກການຕັ້ງສະຖານະ: auto noneມັນຈະອະນຸຍາດການຄວາມສົມບູນທາງບັນຫາທີ່ຕາມທິດທາງ x ແລະອະນຸຍາດການສະແດງຄວາມສົມບູນທາງບັນຫາທີ່ຕາມທິດທາງ y:

#pinkDiv {
  overscroll-behavior: auto none;
}

ທົດລອງດີຕະຫຼອດຕົວຕົນ

ສັບສຳນັກງານ CSS:

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

ຄູ່ມູນຄວາມສາຍ

ຂໍ້ມູນດ້ານເຕັກນິກ

ການສະໜັບສະໜູນບັນດາສາຍອັດສະນະຄະຕິ.

ຈຳນວນຂອງສາຍໃນຕາລະບັນນາທິການຖືກການສະໜັບສະໜູນຢ່າງເຕັມຮູບແບບຂອງສາຍອັດສະນະຄະຕິດັບສະພາບ.

* ໃນ Microsoft Edge ຄູ່ມູນຄວາມ 'none' ຖືກເຂົ້າໃນ 'contain' ບໍ່ມີຄວາມຖືກຕ້ອງ.

ຫຼັກສາຂອງຫຼັກສາ

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

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

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

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

ກ່ຽວກັບ:ບັນດາວິທິພິມ CSS scroll-padding

ກ່ຽວກັບ:ບັນດາວິທິພິມ CSS scroll-snap-align