position နည်းလမ်း

position နည်းလမ်းသည် မိဘ element ၏ အကွာအဝေးနှင့် သက်ဆိုင်သည့် element ၏ တည်နေရာကို ရယူခွင့်ပြုပါသည်။ offset နည်းလမ်းနှင့် မတူပါ။ ၎င်းသည် စာရွက်စာတမ်းနှင့် သက်ဆိုင်သည့် ကိုဩဒိနိတ်များကို ရယူပါသည်။ position နည်းလမ်းသည် တစ်ခုတည်းသော မိဘ element အတွင်းရှိ အခြား element အနားတွင် element အသစ်ကို နေရာချရာတွင် ပို၍ အသုံးဝင်ပါသည်။ ရလဒ်အနေဖြင့်၊ ဤနည်းလမ်းသည် top နှင့် left ဂုဏ်သတ္တိများပါရှိသော အရာဝတ္ထုတစ်ခုကို ပြန်ပေးပါသည်။ တွက်ချက်မှုအမှားများ ဖြစ်ပေါ်နိုင်သည်၊ အကယ်၍ သုံးစွဲသူက �ာမျက်နှာ၏ အရွယ်အစားကို ပြောင်းလဲပါက။ ထို့အပြင် ဤနည်းလမ်းသည် ဝှက်ထားသော element များ၏ ကိုဩဒိနိတ်များကို မရယူနိုင်ပါ။

ဝါကျဖွဲ့စည်းပုံ

လက်ရှိကိုဩဒိနိတ်များကို ရယူပါ။ တစ်ခါတစ်ရံတွင် ရရှိသောတန်ဖိုးများသည် ကိန်းရှင် (fraction) များ ဖြစ်နိုင်ပါသည်။

javascript$(selector).position();

ဥပမာ

div တစ်ခုအတွင်း တည်ရှိသော အတိုချုပ်စာပိုဒ်၏ တည်နေရာကို position နည်းလမ်းဖြင့် ရယူကြပါစို့။ ထို့နောက်၊ ရရှိလာသော အရာဝတ္ထု၏ key များကို ရည်ညွှန်းကာ ဤသတင်းအချက်အလက်ကို အခြားအတိုချုပ်စာပိုဒ်တွင် ရေးထုတ်ကြပါစို့။

html<div style="padding: 15px;">
  <p style="margin-left: 10px;">စာသား</p>
</div>
<p></p>
javascriptlet position = $('p').first().position();
$('p').last().text('left: ' + position.left + ', top: ' + position.top);

ဆက်လက်လေ့လာရန်

  • offset နည်းလမ်း,
    သည် element ၏ လက်ရှိ ကိုဩဒိနိတ်များကို ရယူခွင့်ပြုပါသည်။
  • offsetParent နည်းလမ်း,
    သည် element ၏ အနီးဆုံး တည်နေရာသတ်မှတ်ထားသော ရှေ့ကွယ်ဝန်း (ancestor) ကို ရယူခွင့်ပြုပါသည်။
  • css နည်းလမ်း,
    သည် element ၏ CSS စတိုင်များကို ရယူရန်နှင့် ပြုပြင်ပြောင်းလဲရန် ခွင့်ပြုပါသည်။