ວິທີການສ້າງ: ຮູບພາບຢູ່ບ່ອນຫນຶ່ງ

ບັນດັບການຮຽນວິທີການນຳໃຊ້ CSS ເພື່ອສ້າງບັນດາຮູບພາບຢູ່ບ່ອນຫນຶ່ງ.

ບັນດາຮູບພາບຢູ່ບ່ອນຫນຶ່ງ

img.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

ທີ່ຈະສອບສວນຕົວເອງ

ໄດ້ກຳນົດ position: sticky; ບັນດາປະກອບຈະຕັ້ງທີ່ຢູ່ບ່ອນຫນຶ່ງຕາມການຫັນກະຈາຍຂອງຜູ້ນຳໃຊ້.

ບັນດາປະກອບທີ່ຢູ່ບ່ອນຫນຶ່ງຈະປ່ຽນທີ່ລະຫວ່າງການຕັ້ງທີ່ຢູ່ບ່ອນຫນຶ່ງແລະການຕັ້ງທີ່ຢູ່ບ່ອນຫນຶ່ງຢູ່ບ່ອນຫນຶ່ງຕາມການຫັນກະຈາຍ. ກ່ອນທີ່ບັນດາປະກອບຈະສູງຂຶ້ນໄປຫາທີ່ຫນຶ່ງທີ່ກໍານົດໄວ້, ມັນຈະຕັ້ງທີ່ຢູ່ບ່ອນຫນຶ່ງ - ແລະຫຼັງຈາກນັ້ນຈະ“ຢູ່ບ່ອນຫນຶ່ງ”ຢູ່ບ່ອນຫນຶ່ງທີ່ກໍານົດ position:fixed)

ເຫັນຫນັງ:Internet Explorer、Edge 15 ແລະອັນດັບເກົ່າກ່ວາຈະບໍ່ສາມາດນຳໃຊ້ການຕັ້ງທີ່ຢູ່ບ່ອນຫນຶ່ງ. Safari ຕ້ອງການກຳນົດ -webkit- ກ່ອນຕົ້ນ (ເຫັນຫນັງຕົວຢ່າງ) ເພື່ອສາມາດນຳໃຊ້ການຕັ້ງທີ່ຢູ່ບ່ອນຫນຶ່ງຢ່າງຊັດເຈນກໍ່ຈະຕ້ອງການກຳນົດຢ່າງຫນຶ່ງຢ່າງທີ່ສຸດ top、right、bottom ຫຼື left ໃນການເປັນສ່ວນຫນຶ່ງ。

相关页面

教程：CSS 图像

教程：CSS 定位