خصائص pageYOffset لـ Window

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

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

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

pageYOffset خصائص غير قابل للتعديل.

انظر أيضًا:

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

أو:

pageYOffset

القيمة المقدمة

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

دعم المتصفح

جميع المتصفحات يدعمونها pageYOffsetالنقطة:

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