ຄວາມພິມີການ Window scrollX

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

scrollX ຄວາມພິມີການຂອງໂປ່ງສາຍຈາກຂ້າງທາງສາມຂອງປ່ອງບັດ.

scrollX ຄວາມພິມີການ

ຄວາມສັນຍາ

scrollX ຄວາມພິມີການ ຄວາມພິມີການ pageXOffset ຄວາມພິມີການ pageXOffset

ເພື່ອຄວາມສາມາດຫຼາຍຖານບັນຍາຍ, ກຳລັງບໍ່ໃຊ້: window.pageXOffset ຫຼື window.scrollX.

ອ້າງອີງອື່ນໆ:

ຄວາມພິມີການ pageXOffset

ຄວາມພິມີການ pageYOffset

ຄວາມພິມີການ

ຕົວຢ່າງ 1

ຫຼຸດຄວາມຫຼາຍເລື່ອງ 100 ພາບຕາມທາງຂວາແລະທາງດ້ານຫຼັງຈາກຈາກປ່ອງບັດ, ແລະສະແດງ scrollX ແລະ scrollY:

window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);

ກຳລັງສອບສວນຢ່າງຕົນເອງ

ຕົວຢ່າງ 2

ສ້າງສາຍບັດຢູ່ບ່ອນບັງຄັບ:

// ຮຽກຮ້ອງສາຍບັດ.
const navbar = document.getElementById("navbar");
// ຮຽກຮ້ອງຄິດຮູບກາງຂອງສາຍບັດ.
const sticky = navbar.offsetTop;
// ບໍ່ມີການປ່ຽນແປງອີກຖ້າທ່ານໄດ້ຮອດຄຳທີ່ພາຍໃນຄຳທີ່ຕັ້ງຢູ່. ທີ່ອອກຈາກຄຳທີ່ຕັ້ງຢູ່ຫຼັງຈາກທ່ານໄດ້ອອກຈາກຄຳທີ່ຕັ້ງຢູ່.
function myFunction() {
  if (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

ກຳລັງສອບສວນຢ່າງຕົນເອງ

ຄຳເວົ້າ

window.scrollX

ຫຼື:

scrollX

ການຖືກກັບຄືນ

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

浏览器支持

所有浏览器都支持 window.scrollX：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持