صفة scrollY للنافذة Window

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

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

scrollY صفة غير قابل للتحرير.

صفة

scrollY صفة تساوي صفة pageYOffset صفة.

للقدرة على التكامل عبر المتصفحات، استخدم صفة window.pageYOffset بدلاً من window.scrollY.

انظر أيضًا:

صفة pageXOffset

صفة pageYOffset

مثال

مثال 1

إزاحة المحتوى 100 بكسل، وإعلام scrollX وscrollY:

window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);

جرب بنفسك

مثال 2

إنشاء شريط ملاحة دائم:

// الحصول على شريط الملاحة
const navbar = document.getElementById("navbar");
// الحصول على موقع التدول لشريط الملاحة
const sticky = navbar.offsetTop;
// عند وصولك إلى موقع التدول، أضف كلاس 'sticky' إلى قائمة أنواع النافذة. قم بإزالة كلاس 'sticky' عند مغادرة موقع التدول.
function myFunction() {
  if (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

جرب بنفسك

القواعد النحوية

window.scrollY

أو:

scrollY

قيمة العودة

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

دعم المتصفح

جميع المتصفحات يدعمونها window.scrollY:

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