HTML-DOM scrollIntoView- Methode
Beispiel
Scrollen Sie das Element mit id="content" in den sichtbaren Bereich des Browserfensters:
var elmnt = document.getElementById("content");
elmnt.scrollIntoView();
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die Methode scrollIntoView() scrollt das angegebene Element in den sichtbaren Bereich des Browserfensters.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Verfahren vollständig unterstützt.
Method | |||||
---|---|---|---|---|---|
scrollIntoView | 28.0 | 8.0 | 1.7 | 5.0 | 38.0 |
Syntax
element.scrollIntoView(alignTo)
Parameter
Parameter | Type | Description |
---|---|---|
alignTo | Boolean | Optional. A boolean value that indicates the type of the align:
true - the top of the element will be aligned to the top of the visible area of the scrollable ancestor false - the bottom of the element will be aligned to the bottom of the visible area of the scrollable ancestor. If omitted, it will scroll to the top of the element. Note: Depending on the layout of other elements, some elements may not be scrolled completely to the top or to the bottom. |
Technische Details
Rückgabewert: | Kein Rückgabewert |
---|---|
DOM-Version | Experimental |
Mehr Beispiele
Beispiel
Zum Anfang oder Ende eines Elements scrollen:
var elmnt = document.getElementById("content");
function scrollToTop()
{
elmnt.scrollIntoView(true); // Top
}
function scrollToBottom() {
elmnt.scrollIntoView(false); // Bottom
}