Μέθοδος position

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

Σύνταξη

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

javascript$(selector).position();

Παράδειγμα

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

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

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

Δείτε επίσης