English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

خصائص scrollX في Window

مثلث النافذة جافا سكريبت

scrollXتقوم بإرجاع عدد البكسلات التي تتحرك بها الوثيقة/الصفحة في الاتجاه الأفقي.

خصائص scrollX هيpageXOffsetاسم بديل للخصائص.

اللغة النصية:

window.scrollX
var x = window.scrollX;
var y = window.scrollY;
اختبار لرؤية‹/›

ملاحظة: خصائص scrollX وscrollY تساوي صفقات pageXOffset وpageYOffset.

توافق المتصفحات

الرقم في الجدول يحدد إصدار المتصفح الذي يدعم الخاصية scrollX بشكل كامل:

خصائص
scrollXنعم55نعمنعم9

تفاصيل تقنية

القيمة المعدة:رقم يمثل عدد البكسلات للتحرك في الاتجاه الأفقي

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

أزل المحتوى 100 بكسل، واعرض scrollX وscrollY:

window.scrollBy(100, 100);
var x = window.scrollX;
var y = window.scrollY;
اختبار لرؤية‹/›

حلول متوافقة مع المتصفحات (للمستعرضات الإصدار 8 من IE وأقدم، استخدم scrollLeft وscrollTop):

var x = (window.scrollX !== undefined)
  ? window.scrollX
  : (document.documentElement || document.body.parentNode || document.body).scrollLeft;
var y = (window.scrollY !== undefined)
  ? window.scrollY
  : (document.documentElement || document.body.parentNode || document.body).scrollTop;
اختبار لرؤية‹/›

مراجع ذات صلة

مرجع نافذة (Window)خاصية window.pageXOffset

مرجع نافذة (Window)خاصية window.pageYOffset

مرجع نافذة (Window)خاصية window.scrollY

مرجع HTML DOMالعنصر .scrollLeft الخاصية

مرجع HTML DOMالعنصر .scrollTop الخاصية

مثلث النافذة جافا سكريبت