Metoda position

Metoda position pozwala uzyskać pozycję elementu względem marginesów rodzica, w odróżnieniu od metody offset, która uzyskuje współrzędne względem dokumentu. Metoda position jest bardziej przydatna przy pozycjonowaniu nowego elementu obok innego w jednym rodzicu. Wynikiem metody jest obiekt zawierający właściwości top i left. Błędy w obliczeniach mogą występować, jeśli użytkownik zmienia rozmiary strony. Również metoda nie uzyskuje współrzędnych ukrytych elementów.

Składnia

Uzyskaj aktualne współrzędne. W niektórych przypadkach uzyskane wartości mogą być ułamkowe:

javascript$(selektor).position();

Przykład

Uzyskajmy pozycję akapitu, który jest umieszczony w divie za pomocą metody position, a następnie, odwołując się do kluczy uzyskanego obiektu, wypiszmy tę informację w innym akapicie:

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

Zobacz też

  • metoda offset,
    która pozwala uzyskać aktualne współrzędne elementu
  • metoda offsetParent,
    która pozwala uzyskać najbliższego pozycjonowanego przodka elementu
  • metoda css,
    która pozwala uzyskać i zmieniać style CSS elementu