أحدث البرامج التعليمية وتطوير الشبكة
 

pageXOffset النوافذ وخصائص pageYOffset

<كائن النافذة

مثال

انتقل المحتوى من قبل 100 بكسل، وتنبيه pageXOffset وpageYOffset:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.


تعريف والاستخدام

خصائص pageXOffset وpageYOffset ترجع بكسل تم تمريره المستند الحالي من الزاوية اليسرى العليا من النافذة، أفقيا ورأسيا.

خصائص pageXOffset وpageYOffset تساوي خصائص scrollX وscrollY.

وللقراءة فقط هذه الخصائص.


دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.

خاصية
pageXOffset نعم فعلا تسعة نعم فعلا نعم فعلا نعم فعلا
pageYOffset نعم فعلا تسعة نعم فعلا نعم فعلا نعم فعلا

Note: للحصول على IE8 والإصدارات السابقة، يمكنك استخدام "document.documentElement.scrollLeft" و "document.documentElement.scrollTop" بدلا من ذلك (See "More Examples" below) .


بناء الجملة

window.pageXOffset
window.pageYOffset

تفاصيل تقنية

قيمة الإرجاع: الرقم الذي يمثل عدد وحدات البكسل التي تم تمريره المستند من الزاوية اليسرى العليا من النافذة، أفقيا ورأسيا

أمثلة

مزيد من الأمثلة

مثال

حل عبر متصفح (باستخدام scrollLeft وscrollTop لIE8 وأقدم):

window.scrollBy(100, 100);

if (window.pageXOffset !== undefined) { // All browsers, except IE9 and earlier
    alert(window.pageXOffset + window.pageYOffset);
} else { // IE9 and earlier
    alert(document.documentElement.scrollLeft + document.documentElement.scrollTop);
}
انها محاولة لنفسك »

<كائن النافذة