Window scrollX ความสามารถ

การประกาศและใช้งาน

scrollX ค่าใน

scrollX ค่าใน

คำขวัญ

scrollX ค่าใน pageXOffset แนวทาง

เพื่อความเข้ากันระหว่างบราวเซอร์ โปรดใช้ window.pageXOffset แทน window.scrollX

ดูเพิ่มเติม

ขอบเขตการยิบยากแบบยิบยาก

ขอบเขตการยิบยากแบบยิบยาก

ตัวอย่าง

ตัวอย่าง 1

เคลื่อนตัวสารค้าง 100 พิกเซล และแจ้ง scrollX และ scrollY

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

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

ตัวอย่าง 2

สร้างแถวนำแบบยิบยาก

// ขอบเขตแถวนำแบบดินแดน
const navbar = document.getElementById("navbar");
// ขอบเขตการเคลื่อนย้ายของแถวนำแบบดินแดน
const sticky = navbar.offsetTop;
// ให้เมื่อคุณมาถึงตำแหน่งยิบยาก จะเพิ่มชั้น sticky ไปยังแถวนำแบบดินแดน ถ้าออกจากตำแหน่งยิบยาก จะลบชั้น sticky ออก
function myFunction() {
  if (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

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

ระบบวากข้อความ

window.scrollX

หรือ

scrollX

ค่าที่ส่งข้างหลัง

ประเภท รายละเอียด
ตัวเลข 像素จากฝั่งบนขวาของหน้าต่างเด้วนที่แก้ไข

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

ทุกเบราเซอร์ทุกตัวเป็นการสนับสนุน window.scrollX：

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