offsetParent usuli

offsetParent usuli elementning eng yaqin pozitsiyalangan ajdodini olish imkonini beradi. 'Pozitsiyalangan' tushunchasi ostida CSS xususiyati position relative, absolute, yoki fixed qiymatiga o'rnatilgan element tushuniladi. Usul animatsiya va elementlarni sahifada joylashtirishda foydalidir.

Sintaksis

Eng yaqin pozitsiyalangan ajdodni olish:

javascript$(selector).offsetParent();

Misol

Keling, #test ID ga ega abzatsning eng yaqin pozitsiyalangan (bizning holatda nisbiy) ajdodini topaylik va uning fonini yashil rangga bo'yaylik:

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');

Shuningdek qarang