ویژگی Window pageYOffset

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

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")
  }
    navbar.classList.remove("sticky");
  }
}

شما خودتان امتحان کنید

فوسیلی

window.pageYOffset

ko:

pageYOffset

Dauka

Rarrabawa Baɗaɗɗa
Dukiya Dukiya na ɗanin yana ƙara ɗanin ɗanin ɗanin kaiyawa daga kudu maso yamma na ɗanin.

Daukar ɗanin

Dukkan ɗanin ɗauka pageYOffset：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Ciwon 9-11 Ciwon Ciwon Ciwon Ciwon