ویژگی scrollX Window

تعریف و استفاده

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 را به ناوبری اضافه کنید. زمانی که از موقعیت اسکرول خارج می‌شوید، نوع sticky را حذف کنید.
function myFunction() {
  اگر (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

به طور شخصی امتحان کنید

نحوه استفاده

window.scrollX

یا:

scrollX

مقدار بازگشتی

نوع توضیح
عدد دستواری از پیکسل‌هایی که از بالای چپ پنجره اسکرول می‌کنند。

براوزر سپورٹ

تمام براوزرز اس کا سپورٹ کرتے ہیں window.scrollX:

کروم آئی ای ایج فائرفاکس سافری آپریا
کروم آئی ای ایج فائرفاکس سافری آپریا
پشتیبندگی 9-11 پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی