HTML DOM Element scrollLeft 属性

ການອະທິບາຍແລະການນໍາໃຊ້

scrollLeft ກະຈັດມູນຄໍາພິມສາຍຫົວຊ້າຍແລະລຸກລາງຂອງບັນດາຄູ່ມູນ.

ບໍ່ບໍ່:

scrollTop 属性

ການປະກອບອາກາດoverflowຂອງCSS

ການສະແດງຕາການonscroll

ຕົວຢ່າງ

ຕົວຢ່າງ 1

ການຄົ້ນຫາຈຳນວນຕົວເລກຂອງຄວາມທີ່ສາຍຫົວ "myDIV":

const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;

ທົດລອງເອງ

ຕົວຢ່າງ 2

ກະຈັດ "myDIV" ຄວາມທີ່ສາຍຫົວຊ້າຍແລະລຸກລາງເປັນ 50 ຕົວເລກຕາມຫຼັງສາຍ 10 ຕົວເລກ:

const element = document.getElementById("myDIV");
element.scrollLeft = 50;
element.scrollTop = 10;

ທົດລອງເອງ

ຕົວຢ່າງ 3

ກະຈັດ "myDIV" ຄວາມທີ່ສາຍຫົວຊ້າຍແລະລຸກລາງ 50 ຕົວເລກຕາມຫຼັງສາຍ 10 ຕົວເລກ:

const element = document.getElementById("myDIV");
element.scrollLeft += 50;
element.scrollTop += 10;

ທົດລອງເອງ

ຕົວຢ່າງ 4

ກະຈັດ <body> ຄວາມທີ່ສາຍຫົວຊ້າຍແລະລຸກລາງ 30 ຕົວເລກຕາມຫຼັງສາຍ 10 ຕົວເລກ:

const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;

ທົດລອງເອງ

ວິທະຍາສາດ

ກັບຄືນ scrollLeft 属性:

element.scrollLeft

ກະຈັດ scrollLeft 属性:

element.scrollLeft = pixels

ຈຳນວນມູນຄໍາພິມ

ຈຳນວນ ການອະທິບາຍ
pixels

ຈຳນວນຕົວເລກຂອງຕົວປະກອບຄວາມທີ່ສາຍຫົວຊ້າຍແລະລຸກລາງ.

  • ຖ້າຈຳນວນນັ້ນເປັນຈຳນວນລົງນານາຊາດຈະກະຈັດຈຳນວນນັ້ນເປັນ 0.
  • ຖ້າບັນດາຄູ່ມູນບໍ່ສາມາດສາຍຫົວໄດ້ຈະກະຈັດຈຳນວນນັ້ນເປັນ 0.
  • ຖ້າຈຳນວນນັ້ນຫຼາຍກວ່າຈຳນວນທີ່ອະນຸຍາດທີ່ຫຼາຍທີ່ສຸດແລ້ວຈະກະຈັດຈຳນວນນັ້ນເປັນຈຳນວນທີ່ຫຼາຍທີ່ສຸດ.

ມາດຕະການການກັບຄືນ

ປະເພດ ການອະທິບາຍ
ຈຳນວນ ຈຳນວນຕົວເລກຂອງຕົວປະກອບຄວາມທີ່ສາຍຫົວຊ້າຍແລະລຸກລາງ.

ບັນດາຄູ່ມູນສາຍຫົວ

ທຸກບັນດາຄູ່ມູນຄໍາພິມສາຍຫົວ element.scrollLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 支持 支持 支持 支持 支持