အမှတ် ကျော်ကြားခြင်း

အဆိုပါ ဗဟိုကြီး 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 အကိုးအကား ပေါင်းပါ။ လမ်းကြောင်းလျှောက်ခန့် မရောက်ရှိဘဲ အကိုးအကား ဖယ်ထုတ်ပါ。
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 ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့