ປະກາດຄືນ scroll-behavior

ການກໍານົດ ແລະ ການນໍາໃຊ້

scroll-behavior 属性ກຳນວຍການຕັ້ງຂໍ້ສັນຍາວ່າຈະປະຕິບັດການໄຫ�ຢ່າງສະຫລາກ (ກັບການສະແດງອິນລານ) ເມື່ອຜູ້ນຳໃຊ້ຄົນດຽວຊົງໄປບໍລິໂພກທີ່ສາມາດໄຫຼຫາ, ບໍ່ແມ່ນການຫລຸດຕົວຢ່າງທຳມະດາ.

ຄວາມຈຳນວນ

ເພື່ອເພີ່ມການໄຫ�ຢ່າງສະຫລາກໃຫ້ໂດຍການກະຕຸ້ມຂອງເອກະສານ:

html {
  scroll-behavior: smooth;
}

ທົດລອງຄັນເອງ

ສັບພາສາ CSS

scroll-behavior: auto|smooth|initial|inherit;

ມູນຄ່າອາຊີບ

ມູນຄ່າ ການອະທິບາຍ
auto ມູນຄ່າສົມບູນ. ອະນຸຍາດການປະຕິບັດ “ການໄຫ�ຢ່າງສະຫລາກ” ລະຫວ່າງບັນດາປະກອບອິນເຕິ້ລໃນບັນດາກອງໄຫ�, ບໍ່ມີການປະຕິບັດອິນລານການສະແດງ.
smooth ອະນຸຍາດການປະຕິບັດ “ການໄຫຼຢ່າງສະຫລາກ” ລະຫວ່າງບັນດາປະກອບອິນເຕິ້ລໃນບັນດາກອງໄຫຼ.
initial ປັບປຸງປະສົມອາຊີບນີ້ໃຫ້ເປັນມູນຄ່າສົມບູນ. ບັນຈາກ: initial.
inherit ຮັບຮອງປະສົມອາຊີບນີ້ຈາກປະຈຳປະຈຳຢ່າງສົມບູນ. ບັນຈາກ: inherit.

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

ມູນຄ່າສົມບູນ: auto
ການຮັບຮອງ: ບໍ່
ການສ້າງອິນລານການສະແດງ: ບໍ່ສາມາດຮັບຮອງ. ບັນຈາກ:ປະສົມອາຊີບທາງອິນລານການສະແດງ.
ສະຖານະການ: CSSOM View Module(ການກໍາລັງຂອງຄູ່ຮຽນ)
ສັບພາສາ JavaScript: object.style.scrollBehavior="smooth"

ການຮັບຮອງບັນຊີບັນນາທິການ

ຈຳນວນໃນຕາຕະລາງສະແດງວ່າຜູ້ບໍລິໂພກທໍາອິດທີ່ເປັນຮັບຮອງປະສົມອາຊີບນີ້.

Chrome IE / Edge Firefox Safari Opera
61.0 79.0 36.0 14.0 48.0