ویژگی pageYOffset Window

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

pageYOffset ویژگی تعداد پیکسل‌هایی که مستند از گوشه بالا چپ تا گوشه بالا راست اسکرول شده است را برمی‌گرداند.

pageYOffset ویژگی برابر با scrollY ویژگی.

pageYOffset ویژگی فقط خواندنی است.

لطفاً به:

ویژگی screenX

ویژگی screenY

مثال

مثال 1

محتوای 100 پیکسل اسکرول کنید و پیام pageXOffset و pageYOffset را نمایش دهید:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

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

مثال 2

ناوبری چسبناک ایجاد کنید:

// ناوبری را دریافت کنید
const navbar = document.getElementById("navbar");
// موقعیت اسکرول ناوبری را دریافت کنید
const sticky = navbar.offsetTop;
// زمانی که به موقعیت اسکرول خود می‌رسید، کلاس sticky را به ناوبری اضافه کنید. زمانی که از موقعیت اسکرول خارج می‌شوید، کلاس sticky را حذف کنید.
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

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

زبان نشانه‌ها

window.pageYOffset

یا:

pageYOffset

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

نوع توضیح
عدد پیکسل‌هایی که مستقیماً از گوشه بالا چپ پنجره به سمت پایین و راست می‌چرخد.

پشتیبانی مرورگر

همه مرورگرها از آن پشتیبانی می‌کنند pageYOffset:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی 9-11 پشتیبانی پشتیبانی پشتیبانی پشتیبانی