ປະເພດ CSS scroll-padding-block-end

定义和用法

scroll-padding-block-end 属性指定在块方向上，从容器末端到子元素吸附位置的距离。

这意味着，当你停止滚动时，滚动将快速调整，并在块方向上，于吸附位置和容器之间指定的距离处停止。

块方向是指相对于现有行的位置，下一行被放置的方向。这也是具有 CSS display: block; 的标签（如

和

实例

例子 1

设置从容器末端到吸附位置的块方向滚动内边距为 20px：

div {
  scroll-padding-block-end: 20px;
}

ທ້າທາຍຂອງຕົນເອງ

ບັນດາຄວາມທີ່ 2: ການສາງພາບ

ບໍ່ໄດ້ຕັດສິນຄັງຄືນບັນດາບັນດາປະສົມປະສານທີ່ກວມເອົາຄວາມກວມວົງຂອງປະກອບ. ນີ້ຈະມີຜົນຕໍ່ການໝູນວຽນກັບບັນດາບັນດາປະສົມປະສານ. scroll-padding-block-end ບັນດາບັນດາປະສົມປະສານຈະຍິນຍອມຕົວອອກຈາກບັນດາບັນດາປະສົມປະສານຂັ້ນຕົກ:

#container {
  scroll-padding-block-end: 30px;
}

ທ້າທາຍຂອງຕົນເອງ

ບັນດາຄວາມທີ່ 3

ບໍ່ໄດ້ຕັດສິນຄັງຄືນບັນດາບັນດາປະສົມປະສານທີ່ກວມເອົາຄວາມກວມວົງຂອງປະກອບ. ນີ້ຈະມີຜົນຕໍ່ການກະຕຸ້ນການໝູນວຽນກັບບັນດາບັນດາປະສົມປະສານ. writing-mode ບໍ່ໄດ້ຕັດສິນຄັງຄືນບັນດາບັນດາປະສົມປະສານທີ່ກວມເອົາຄວາມກວມວົງຂອງປະກອບ. ນີ້ຈະມີຜົນຕໍ່ການກະຕຸ້ນການຄວບຄຸມການໝູນວຽນກັບບັນດາບັນດາປະສົມປະສານ. scroll-padding-block-end ວິທີການວຽກງານຂອງບັນດາບັນດາປະສົມປະສານ:

#container {
  scroll-padding-block-end: 20px;
  writing-mode: vertical-rl;
}

ທ້າທາຍຂອງຕົນເອງ

ສັບພາສາ CSS

scroll-padding-block-end: auto|value|initial|inherit;

ຄູ່ມືບັນດາຄູ່ມື

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

ການສະໜັບສະໜູນບັນນາທິການ

ຈຳນວນໃນຕາຕະລາງສະແດງການສະຫຼຸບບັນດາບັນນາທິການທີ່ເປັນບໍລິການສະໜັບສະໜູນສະບາຍດັ່ງກ່າວຢ່າງເຕັມຈຳນວນການສະຫຼຸບບັນດາບັນນາທິການທີ່ເປັນບໍລິການສະໜັບສະໜູນສະບາຍດັ່ງກ່າວ

ບັນດາຫົວຂໍ້

参考：ປະເພດ CSS scroll-snap-align

参考：ປະເພດ CSS scroll-snap-type

参考：ປະກາດການສະແດງຄວາມສົນໃຈຂອງຄຳສັບ CSS