ປະສານວັດສະດຸ pageYOffset Window

ການສະເໜີ ແລະ ການນໍາໃຊ້

pageYOffset ຄວາມຂອງການຄົ້ນຫຼົງຂອງເອກະສານຈາກປະຕູເວັບໄຊທີ່ຢູ່ທາງຊ້າຍຂອງປະຕູເວັບໄຊ.

pageYOffset ຄວາມຂອງ scrollY ຄວາມ.

pageYOffset ຄວາມຂອງພຽງແຕ່ອ່າງຕາມ.

ບໍ່ມີຫົວຂໍ້ອື່ນ:

ຄວາມຂອງ screenX

ຄວາມຂອງ screenY

ຄວາມຈິງ

ຕົວຢ່າງ 1

ການຄົ້ນຫາເນື້ອ 100 ຕອນ, ແລະ ສະແດງ pageXOffset ແລະ pageYOffset:

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

ທ່ານຕອບການທົດລອງດຽວກັນ

ຕົວຢ່າງ 2

ສ້າງແນວຄົ້ນຫຼັງທີ່ຂັງ

// ຄົ້ນຫາແນວຄົ້ນຫຼັງ
const navbar = document.getElementById("navbar");
// ຄົ້ນຫາຄວາມຫຼົງຂອງແນວຄົ້ນຫຼັງ
const sticky = navbar.offsetTop;
// ບໍ່ມີຄວາມຄິດດັ່ງກ່າວຫຼືຫຼາຍກວ່າ sticky ການເພີ່ມ ປະເພດ sticky ເຂົ້າໃນແນວຄົ້ນຫຼັງ. ຖ້າຫຼາຍກວ່າ sticky ການຖອນ ປະເພດ sticky.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

ທ່ານຕອບການທົດລອງດຽວກັນ

ພາສາສັນສະນະ

window.pageYOffset

或者：

pageYOffset

返回值

类型 描述
数字 文档从窗口左上角滚动的像素数。

浏览器支持

所有浏览器都支持 pageYOffset：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ການສະໜັບສະໜູນ 9-11 ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ ການສະໜັບສະໜູນ