Ορισμός scrollY για Window

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

scrollY ιδιότητες επιστρέφουν το αριθμό pixel που σκορπούν από το πάνω αριστερό μέρος του παραθύρου.

scrollY ιδιότητες είναι μονόδρομες.

ιδιότητες

scrollY ισσολογίζονται με ιδιότητες ιδιότητες.

Για συμβατότητα διαβROWSερών, χρησιμοποιήστε window.pageYOffset αντί για window.scrollY.

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

Αιτίες κίνησης οθόνης

Αιτίες κίνησης σελίδας

Παράδειγμα

Παράδειγμα 1

Σκрольτε το περιεχόμενο 100 pixel και εμφανίστε το scrollX και scrollY:

window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);

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

Παράδειγμα 2

Δημιουργία στατική γραμμή πλοήγησης:

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

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

Γλώσσα γραφής

window.scrollY

ή:

scrollY

Επιστροφή τιμής

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

Πρόγραμμα περιήγησης υποστηρίζεται

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

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