صفة scrollX للنافذة

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

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

scrollX صفة هي فقط للقراءة.

الإشارة

scrollX صفة تساوي صفة pageXOffset صفة.

للتوافق عبر المتصفحات، يرجى استخدام window.pageXOffset بدلاً من window.scrollX.

يرجى الرجوع إلى:

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

جربها بنفسك

النص النحوي

window.scrollX

أو:

scrollX

قيمة العودة

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

دعم المتصفحات

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

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