Window pageYOffset ตัวแปร

การระบุและการใช้งาน

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 ออกเมื่อออกจากตำแหน่งของการเลื่อนหน้า
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } ควรเปลี่ยน
    navbar.classList.remove("sticky");
  }
}

ทดลองด้วยตัวเอง

เขียนระบบ

window.pageYOffset

หรือ:

pageYOffset

ค่าที่กลับมา

ประเภท คำอธิบาย
ตัวเลข จำนวนพิกเซลที่เอาไปตามทิศทางของหน้าต่างตัวเดียวกับความสูงของหน้าต่าง

การสนับสนุนเบราเซอร์

ทุกเบราเซอร์ทุกๆคนสนับสนุน pageYOffset：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
สนับสนุน 9-11 สนับสนุน สนับสนุน สนับสนุน สนับสนุน