De position methode
De methode position maakt het mogelijk om de
positie van een element ten opzichte van de marges van de ouder te verkrijgen,
in tegenstelling tot de methode
offset,
die coördinaten ten opzichte van het document verkrijgt.
De methode position is nuttiger
bij het positioneren van een nieuw element naast
een ander in dezelfde ouder.
Als resultaat retourneert de methode een object
dat de eigenschappen top en left bevat.
Fouten in berekeningen kunnen optreden als de gebruiker
het formaat van de pagina wijzigt. Ook verkrijgt de methode geen
coördinaten van verborgen elementen.
Syntaxis
Verkrijg de huidige coördinaten. In sommige gevallen kunnen de verkregen waarden fractioneel zijn:
$(selector).position();
Voorbeeld
Laten we de positie van de alinea (paragraaf) die
in de div is geplaatst, verkrijgen met de methode position,
en vervolgens, door naar de sleutels van het verkregen object te verwijzen,
deze informatie in een andere alinea weergeven:
<div style="padding: 15px;">
<p style="margin-left: 10px;">tekst</p>
</div>
<p></p>
let position = $('p').first().position();
$('p').last().text('left: ' + position.left + ', top: ' + position.top);
Zie ook
-
de methode
offset,
die het mogelijk maakt om de huidige coördinaten van een element te verkrijgen -
de methode
offsetParent,
die het mogelijk maakt om de dichtstbijzijnde gepositioneerde voorouder van een element te verkrijgen -
de methode
css,
die het mogelijk maakt om CSS-stijlen van een element op te vragen en te wijzigen
