jQuery CSS operation - offset() method

Παράδειγμα

Αποκτήστε τις τρέχουσες συντεταγμένες offset του στοιχείου <p>:

$(".btn1").click(function()
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

Προσπαθήστε το προσωπικά

Ορισμός και χρήση

Η μέθοδος offset() επιστρέφει ή ρυθμίζει τις συντεταγμένες offset του ταιριζόντος στοιχείου σε σχέση με το έγγραφο.

Επιστρέφει τις συντεταγμένες offset

Επιστρέφει τις συντεταγμένες offset του πρώτου ταιριζόντος στοιχείου.

Το αντικείμενο που επιστρέφει αυτή η μέθοδος περιέχει δύο ακέραιες ιδιότητες: top και left, σε pixel. Αυτή η μέθοδος είναι εύρος για ορατά στοιχεία.

Γραμματική

$().offset()

Προσπαθήστε το προσωπικά

Ρυθμίστε τις συντεταγμένες offset

Ρυθμίστε τις συντεταγμένες offset όλων των ταιριζόντων στοιχείων.

Γραμματική

$().offset(value)
Παράμετροι Περιγραφή
value

Απαιτείται. Ορίζει τις συντεταγμένες top και left σε pixel.

Πιθανές τιμές:

  • Παράδειγμα τιμών, όπως {top:100,left:0}
  • Αντικείμενο με τις ιδιότητες top και left

Προσπαθήστε το προσωπικά

Χρησιμοποιήστε τη συνάρτηση για να ρυθμίσετε τις συντεταγμένες offset

Χρησιμοποιήστε τη συνάρτηση για να ρυθμίσετε τις συντεταγμένες offset όλων των ταιριζόντων στοιχείων.

Γραμματική

$().offset(function(index,oldoffset))
Παράμετροι Περιγραφή
function(index,oldoffset)

Ορίζει τη συνάρτηση που επιστρέφει τις νέες συντεταγμένες του επιλεγμένου στοιχείου.

  • index - προαιρετικό. Αποδέχεται τη θέση του επιλογέα ως index
  • oldvalue - προαιρετικό. Αποδέχεται τις τρέχουσες συντεταγμένες του επιλογέα.

Προσπαθήστε το προσωπικά

Περισσότερες παραδείξεις

Χρησιμοποιήστε το αντικείμενο για να ρυθμίσετε νέες τιμές offset για το αντικείμενο.
Χρησιμοποιήστε τις συντεταγμένες του νέου αντικειμένου για να καθορίσετε τη θέση του στοιχείου.
Χρησιμοποιήστε τη θέση ενός άλλου στοιχείου για να ρυθμίσετε νέες τιμές offset για το στοιχείο.
Χρησιμοποιήστε τη θέση του υπάρχοντος αντικειμένου για να καθορίσετε τη θέση του στοιχείου.