ویژگی pageXOffset Window

تعریف و استفاده

pageXOffset این ویژگی پیکسل‌های حرکت یافته مستند از گوشه بالا چپ پنجره را برمی‌گرداند.

pageXOffset این ویژگی برابر با scrollX ویژگی.

pageXOffset این ویژگی فقط خواندنی است.

لطفاً ببینید:

نوعیت 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")
  } else {
    navbar.classList.remove("sticky");
  }
}

شما خودتان امتحان کنید

آموزش

window.pageXOffset

یا:

pageXOffset

مقدار بازگشتی

نوع توضیح
عدد پیکسل‌های حرکت یافته از گوشه بالا چپ پنجره مستند.

پشتیبانی از مرورگر

همه مرورگرها پشتیبانی می‌کنند window.pageXOffset:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی