HTML DOM Element scrollIntoView() Methode

Definition und Verwendung

scrollIntoView() Diese Methode scrollt ein Element in den sichtbaren Bereich des Browserfensters.

Beispiel

Beispiel 1

Scrollen Sie das Element mit id="content" in den sichtbaren Bereich des Browserfensters:

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

Versuchen Sie es selbst

Beispiel 2

Scrollen Sie zum oberen oder unteren Rand eines Elements:

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

Versuchen Sie es selbst

Syntax

element.scrollIntoView(ausrichten)

Parameter

Parameter Beschreibung
ausrichten

Optional. Ein Boolean-Wert, der den Ausrichtungstyp anweist:

  • true - Der obere Rand des Elements wird mit dem oberen Rand des sichtbaren Bereichs des rollbaren Vorfahren ausgerichtet
  • false - Der untere Rand des Elements wird mit dem unteren Rand des sichtbaren Bereichs des rollbaren Vorfahren ausgerichtet

Falls weggelassen, scrollt es zum oberen Rand des Elements.

Beachtung:Aufgrund der Layout-Position anderer Elemente können einige Elemente möglicherweise nicht vollständig nach oben oder unten gescrollt werden.

Rückgabewert

Keine.

Browser-Unterstützung

Alle Browser unterstützen dies. element.scrollIntoView():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung 9-11 Unterstützung Unterstützung Unterstützung Unterstützung