ລະບົບ overscroll-behavior-y CSS
- ການໄປຫາຊອງກ່ອນ overscroll-behavior-x
- ການໄປຫາຊອງບ້ານ padding
定义和用法
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
- ການໄປຫາຊອງກ່ອນ overscroll-behavior-x
- ການໄປຫາຊອງບ້ານ padding