خصائص 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

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

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

المتصفح يدعم

جميع المتصفحات يدعمها window.pageXOffset:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم 9-11 الدعم الدعم الدعم الدعم