ဒြပ်စင် offsetTop Property
❮ Element Objectဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ offsetTop အနေအထားကို ရယူပါ-
var testDiv = document.getElementById("test");
document.getElementById("demo").innerHTML = testDiv.offsetTop;
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
offsetTop ပိုင်ဆိုင်မှုသည် offsetParent ဒြပ်စင်၏ထိပ်နှင့်ဆက်စပ်သော ထိပ်တန်းအနေအထား (pixels) ကို ပြန်ပေးသည်။
ပြန်ပေးသောတန်ဖိုးတွင်-
- ထိပ်တန်းအနေအထားနှင့် ဒြပ်စင်၏အနားသတ်
- offsetParent ဒြပ်စင်၏ အပေါ်ဆုံးအကွက်၊ Scrollbar နှင့် ဘောင်
မှတ်ချက် ။ _ _
အကြံပြုချက်- ဒြပ်စင်တစ်ခု၏ ဘယ်ဘက်အနေအထားကို ပြန်ရန်၊ offsetLeft ပိုင်ဆိုင်မှုကို အသုံးပြုပါ။
Browser ပံ့ပိုးမှု
Property | |||||
---|---|---|---|---|---|
offsetTop | Yes | 8.0 | Yes | Yes | Yes |
အထားအသို
ထိပ်တန်းအော့ဖ်ဆက်အနေအထားကို ပြန်ပေးပါ-
object.offsetTop
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | ပုံသေတန်ဖိုးမရှိပါ။ |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်၏ထိပ်ဆုံးအနေအထားကို ကိုယ်စားပြုသည့် နံပါတ်တစ်ခု၊ ပစ်ဇယ် |
DOM ဗားရှင်း- | CSSOM |
နောက်ထပ် ဥပမာများ
ဥပမာ
aa <div> ဒြပ်စင်၏ အနေအထားကို ရယူပါ-
var testDiv = document.getElementById("test");
var demoDiv = document.getElementById("demo");
demoDiv.innerHTML = "offsetLeft: " + testDiv.offsetLeft + "<br>offsetTop: " + testDiv.offsetTop;
ဥပမာ
စေးကပ်နေသော လမ်းကြောင်းပြဘားတစ်ခု ဖန်တီးပါ-
// Get the navbar
var navbar = document.getElementById("navbar");
//
Get the offset position of the navbar
var 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.pageYOffset
>= sticky) {
navbar.classList.add("sticky")
}
else {
navbar.classList.remove("sticky");
}
}
❮ Element Object