Window pageYOffset ιδιότητα

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

pageYOffset Η ιδιότητα επιστρέφει τους πίξελ που κινήθηκε το έγγραφο από το πάνω αριστερό σημείο του παραθύρου.

pageYOffset Η ιδιότητα ισούται με scrollY Ιδιότητα.

pageYOffset Η ιδιότητα είναι ανεξάρτητη από τη διάσταση.

Δείτε επίσης:

Αξία screenX

Αξία screenY

Παράδειγμα

Παράδειγμα 1

Συγχρονισμός περιεχομένου 100 εικονικών μονάδων, και προειδοποίηση pageXOffset και pageYOffset:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

δοκιμάστε το προσωπικά

Παράδειγμα 2

Δημιουργία κόλλητης ναυτιλίας:

// Λήψη της ναυτιλίας
συνιστώμενος navbar = document.getElementById("navbar");
// Λήψη της θέσης σκαμμολέβησης της ναυτιλίας
συνιστώμενος sticky = navbar.offsetTop;
// Όταν φτάσετε στη θέση σκαμμολέβησης, προσθέστε τη κλάση 'sticky' στη ναυτιλία. Αφαιρέστε τη κλάση 'sticky' όταν φύγετε από τη θέση σκαμμολέβησης.
λειτουργία myFunction() {
  αν (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } αλλιώς {
    navbar.classList.remove("sticky");
  }
}

δοκιμάστε το προσωπικά

γλώσσα

window.pageYOffset

ή:

pageYOffset

Αποτελεσματική τιμή

Τύπος Περιγραφή
Αριθμός Πίξεση σε pixel από το πάνω αριστερό μέρος του παραθύρου.

Υποστήριξη περιηγητή

Όλοι οι περιηγητές υποστηρίζουν pageYOffset：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη 9-11 Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη