نافذة التمرير X
مثال 1
قم بتمرير المحتوى بمقدار 100 بكسل ، وقم بتنبيه التمرير X والتمرير Y:
window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);
المزيد من الأمثلة أدناه.
التعريف والاستخدام
تقوم scrollX
الخاصية بإرجاع وحدات البكسل التي تم تمرير المستند إليها من الزاوية اليسرى العليا من النافذة.
scrollX
الخاصية للقراءة فقط .
ملحوظة
scrollX
الخاصية مساوية
pageXOffset
للممتلكات .
للتوافق عبر المستعرضات ، استخدم window.pageXOffset بدلاً من window.scrollX.
أنظر أيضا:
بناء الجملة
window.scrollX
أو فقط:
scrollX
قيمة الإرجاع
نوع | وصف |
رقم | عدد وحدات البكسل التي تم تمريرها في المستند من الزاوية اليسرى العلوية للنافذة. |
مزيد من الأمثلة
قم بإنشاء شريط تنقل ثابت:
// Get the navbar
const navbar = document.getElementById("navbar");
// Get the offset position of the navbar
const sticky = navbar.offsetTop;
// Add the sticky class to the navbar when you reach its scroll position. Remove the sticky class when you leave the scroll position.
function myFunction() {
if (window.scrollY >= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
}
دعم المتصفح
window.scrollX
مدعوم في جميع المتصفحات:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |