Μέθοδος scrollIntoView() του HTML DOM Element

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

scrollIntoView() Η μέθοδος θα κύλινει το στοιχείο στην ορατή περιοχή του παραθύρου περιήγησης.

Παράδειγμα

Παράδειγμα 1

Κύλιντας στο στοιχείο με id="content" στην ορατή περιοχή του παραθύρου περιήγησης:

const element = document.getElementById("content");
element.scrollIntoView();

Προσωπική δοκιμή

Παράδειγμα 2

Κύλιντας στην κορυφή ή στην βάση του στοιχείου:

const element = document.getElementById("content");
function scrollToTop() {
  element.scrollIntoView(true);
}
function scrollToBottom() {
  element.scrollIntoView(false);
}

Προσωπική δοκιμή

Γλώσσα

element.scrollIntoView(align)

Παράμετροι

Παράμετροι Περιγραφή
align

Προαιρετικό. Μια αριθμητική τιμή που δείχνει τον τύπο της συνοψισμένης τύπου:

  • true - Η κορυφή του στοιχείου θα ταιριάζει με την κορυφή της ορατής περιοχής του προγόνου που μπορεί να κυλήσει.
  • false - Η βάση του στοιχείου θα ταιριάζει με την βάση της ορατής περιοχής του προγόνου που μπορεί να κυλήσει.

Αν παραλειφθεί, θα κυλήσει στην κορυφή του στοιχείου.

Σημείωση:Κατά την διάταξη άλλων στοιχείων, ορισμένα στοιχεία μπορεί να μην κυλήσουν πλήρως στην κορυφή ή στην βάση.

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

Χωρίς.

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

Όλοι οι περιηγητές υποστηρίζουν element.scrollIntoView()Ίση με

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