خصائص 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 إلى قائمة التوجيه. قم بإزالته عند مغادرة موقع التمرير.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

جرب بنفسك

النص النصي

window.pageXOffset

أو:

pageXOffset

القيمة التي تعود

نوع وصف
رقم عدد البكسل الذي يبدأ من الزاوية العلوية اليسرى من النافذة.

فائفه موزع الدخول

All browsers support window.pageXOffset:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Support 9-11 Support Support Support Support