offsetParent method

offsetParent method သည် အနီးဆုံး တည်နေရာသတ်မှတ်ထားသော မိဘ element ကို ရယူခွင့်ပြုသည်။ 'တည်နေရာသတ်မှတ်ထားသော' ဆိုသည့် အဓိပ္ပာယ်ဖွင့်ဆိုချက်တွင် position CSS property ကို relative, absolute သို့မဟုတ် fixed အဖြစ် သတ်မှတ်ထားသော element ပါဝင်သည်။ ဤ method သည် animation များနှင့် page ပေါ်ရှိ element များကို နေရာချသည့်နေရာများတွင် အသုံးဝင်သည်။

Syntax

အနီးဆုံး တည်နေရာသတ်မှတ်ထားသော မိဘကို ရယူခြင်း:

javascript$(selector).offsetParent();

ဥပမာ

#test ပါသော စာပိုဒ်၏ အနီးဆုံး တည်နေရာသတ်မှတ်ထားသော (ဤကိစ္စတွင် relatively) မိဘကို ရှာဖွေပြီး ၎င်း၏ နောက်ခံအရောင်ကို အစိမ်းရောင်သို့ ပြောင်းလဲကြပါစို့:

html<div>
  <p>aaa</p>
  <div style="position: relative;">
    <p>bbb</p>
    <p>bbb</p>
    <p>bbb</p>
    <div>
      <p id="test">ccc</p>
      <div>
        <p>ddd</p>
        <p>ddd</p>
        <p>ddd</p>
      </div>
      <p>ccc</p>
      <p>ccc</p>
    </div>
  </div>
  <p>aaa</p>
  <p>aaa</p>
</div>
javascript$('#test').offsetParent().css('background-color', 'green');

ဆက်လက်ကြည့်ရှုရန်

  • parents method,
    သည် element ၏ မိဘအားလုံးကို ရယူခွင့်ပြုသည်
  • closest method,
    သည် selector နှင့် ကိုက်ညီသော အနီးဆုံး မိဘ element ကို ရယူခွင့်ပြုသည်
  • position method,
    သည် element ၏ လက်ရှိ ကိုဩဒိနိတ်များကို ရယူခွင့်ပြုသည်