Μέθοδος position

Η μέθοδος position επιτρέπει τη λήψη της θέσης ενός στοιχείου σε σχέση με τα περιθώρια του γονέα, σε αντίθεση με τη μέθοδο offset, που λαμβάνει συντεταγμένες σε σχέση με το έγγραφο. Η μέθοδος position είναι πιο χρήσιμη όταν θέλουμε να τοποθετήσουμε ένα νέο στοιχείο δίπλα σε ένα άλλο μέσα στον ίδιο γονέα. Ως αποτέλεσμα, η μέθοδος επιστρέφει ένα αντικείμενο, που περιέχει τις ιδιότητες top και left. Μπορεί να προκύψουν σφάλματα στους υπολογισμούς εάν ο χρήστης αλλάξει το μέγεθος της σελίδας. Επίσης, η μέθοδος δεν λαμβάνει τις συντεταγμένες κρυφών στοιχείων.

Σύνταξη

Λήψη τρεχουσών συντεταγμένων. Σε ορισμένες περιπτώσεις οι τιμές που λαμβάνονται μπορεί να είναι κλασματικές:

$(selector).position();

Παράδειγμα

Ας πάρουμε τη θέση μιας παραγράφου, η οποία βρίσκεται μέσα σε ένα div χρησιμοποιώντας τη μέθοδο position, και στη συνέχεια, προσπελάζοντας τα κλειδιά του αντικειμένου που λάβαμε, να εμφανίσουμε αυτήν την πληροφορία σε μια άλλη παράγραφο:

<div style="padding: 15px;">
	<p style="margin-left: 10px;">κείμενο</p>
</div>
<p></p>

let position = $('p').first().position();
$('p').last().text('αριστερά: ' + position.left + ', πάνω: ' + position.top);

Δείτε επίσης

μέθοδος offset,
που επιτρέπει τη λήψη τρεχουσών συντεταγμένων ενός στοιχείου
μέθοδος offsetParent,
που επιτρέπει τη λήψη του πλησιέστερου τοποθετημένου προγόνου ενός στοιχείου
μέθοδος css,
που επιτρέπει τη λήψη και αλλαγή CSS στυλ ενός στοιχείου