ຄວາມການກະຈາຍຂອງ CSS overscroll-behavior-inline

定义和用法

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

ເຫັນດີ:ຕ້ອງການສະກົດການ overscroll-behavior ອອກໃນທິດທາງການຍ່າງໃນການຍ່າງທິດທາງທີ່ຢູ່ທາງຕົວຫຼິ້ນຫຼືການຍ່າງທິດທາງທີ່ຢູ່ທາງສະແດງສັນຍານຕົວຫຼິ້ນ。

滚动链是指在一个元素上过度滚动会导致父元素的滚动行为。这是默认行为。

过度滚动反馈是当用户尝试滚动超出滚动边界时给予的反馈。例如，在移动设备上，当尝试滚动超出页面顶部时，通常会伴随着页面刷新的视觉反馈。

CSS 的 overscroll-behavior-inline ແລະ overscroll-behavior-block ຄູ່ມັດທີ່ກັບ CSS: overscroll-behavior-x ແລະ overscroll-behavior-y ຄູ່ມັດທີ່ອັນຕະລາຍ overscroll-behavior-inline ແລະ overscroll-behavior-block ປະສົມປະສານວິທະຍາສາຍບັນຊີຂຶ້ນກັບທິດທາງບັນຍັດ ແລະທິດທາງອິນເລນ.

ເຫັນດີ:ປະສົມປະສານວິທະຍາສາຍບັນຊີທີ່ກ່ຽວກັບ writing-mode ການກໍານົດທິດທາງອິນເລນ overscroll-behavior-inline ການສະໜັບສະໜູນທິດທາງອິນເລນຂອງຂໍ້ມູນອັງກິດແມ່ນຈາກທາງຊ້າຍໄປຊ້າຍ, ແລະທິດທາງບັນຍັດແມ່ນມີທິດທາງລຸ່ມລຸ່ມ

ຜົນຂອງປະສົມປະສານວິທະຍາສາຍບັນຊີ

ຕົວຢ່າງ

ຕົວຢ່າງ 1: ການປິດການກະທຳກະທຳກະທຳກະທຳກະທຳ

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

ທົດລອງຄັ້ງຂອງເຈົ້າເອງ

ຕົວຢ່າງ 2: ການປະສົມປະສານວິທະຍາສາຍບັນຊີ writing-mode

ຕັດສິນຄູ່ມັດ <div> ທີ່ຈະກະທຳໃນທິດທາງ y: writing-mode ຄູ່ມັດຂອງ writing-mode ໄດ້ກະທົບຄືກັບທິດທາງ y, ແລະດັ່ງນັ້ນ overscroll-behavior-inline ຕອນນີ້ຈະກະທຳໃນທິດທາງ y ທີ່ບໍ່ແມ່ນທິດທາງ x:

#yellowDiv {
  writing-mode: vertical-rl;
  overscroll-behavior-inline: contain;
}

ທົດລອງຄັ້ງຂອງເຈົ້າເອງ

ສັບພາສາ CSS:

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

ຄູ່ມັດຂອງປະສົມປະສານວິທະຍາສາຍບັນຊີ

ລະອຽດດ້ານເຕັກນິກ

ການສະໜັບສະໜູນບັນດາສາຍບັນຊີ

ຈຳນວນຂອງສາຍບັນຊີໃນຕາລະບັນຍັດທີ່ເປັນການສະໜັບສະໜູນຄັດຄະດີຂອງບັນດາສາຍບັນຊີທີ່ເປັນການສະໜັບສະໜູນຄັດຄະດີຄັດຄະດີຄັດຄະດີ

ບົດສະຫຼົກຂອງຂໍ້ມູນ

ກ່ຽວກັບຄວາມການກະຈາຍຂອງ CSS overscroll-behavior

ກ່ຽວກັບຄວາມການກະຈາຍຂອງ CSS overscroll-behavior-block

ກ່ຽວກັບຄວາມການກະຈາຍຂອງ CSS overscroll-behavior-x

ກ່ຽວກັບຄວາມການກະຈາຍຂອງ CSS overscroll-behavior-y

ກ່ຽວກັບຄວາມການກະຈາຍຂອງ CSS scroll-behavior

ກ່ຽວກັບຄວາມການກະຈາຍຂອງ CSS scroll-margin

ກ່ຽວກັບລະບຽບ CSS scroll-padding

ກ່ຽວກັບລະບຽບ CSS scroll-snap-align

ກ່ຽວກັບປະສົມພາສາ CSS writing-mode