ຄວາມຈຳນວນ pageXOffset ຂອງ Window

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

pageXOffset ຄວາມຈຳນວນພາສາຈາກປະຕູບັນຊາວຄົນທີ່ປົກກະຕິ

pageXOffset ຄວາມຈຳນວນແມ່ນ scrollX ຄວາມ

pageXOffset ຄວາມຈຳນວນແມ່ນບໍ່ສາມາດເປັນຄວາມຄິດຄາດໄດ້

ບໍ່ມີຄວາມຄິດຄາດ

ຄວາມພາສາຈາກປະຕູບັນຊາວຄົນທີ່ປົກກະຕິ

ຄວາມພາສາຈາກປະຕູບັນຊາວຄົນທີ່ປົກກະຕິ

ຄວາມຈຳນວນ

ຕົວຢ່າງ 1

ການຫຼຸດຄະແນນເນື້ອ 100 ພາສາຈາກປະຕູບັນຊາວຄົນທີ່ປົກກະຕິ

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

ທ້າທາຍຕົວເອງ

ຕົວຢ່າງ 2

ການສ້າງການຫຼຸດຄະແນນທີ່ມີຄວາມສະໝອງ

// ການຄົ້ນຫາການຫຼຸດຄະແນນ
const navbar = document.getElementById("navbar");
// ການຄົ້ນຫາຈຸດສະຫຼາກຂອງການຫຼຸດຄະແນນ
const sticky = navbar.offsetTop;
// ບໍ່ມີຄວາມຄິດຄາດ
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

ທ້າທາຍຕົວເອງ

ສັນຍາ

window.pageXOffset

ຫຼື:

pageXOffset

ຜົນກະທົບ

ປະເພດ ການອະທິບາຍ
ຈຳນວນ ຈຸດສະຫຼາກພາສາຈາກປະຕູບັນຊາວຄົນທີ່ປົກກະຕິ

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

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

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