Metoda HTML DOM scrollIntoView
Příklad
Posuňte prvek s id="content" do viditelné oblasti okna prohlížeče:
var elmnt = document.getElementById("content");
elmnt.scrollIntoView();
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Metoda scrollIntoView() posouvá zadaný prvek do viditelné oblasti okna prohlížeče.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která tuto metodu plně podporuje.
Method | |||||
---|---|---|---|---|---|
scrollIntoView | 28.0 | 8.0 | 1.7 | 5.0 | 38.0 |
Syntax
element.scrollIntoView(alignTo)
Parametry
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. |
Technické údaje
Návratová hodnota: | Žádná návratová hodnota |
---|---|
Verze DOM | Experimentální |
Další příklady
Příklad
Přejděte na začátek nebo konec prvku:
var elmnt = document.getElementById("content");
function scrollToTop()
{
elmnt.scrollIntoView(true); // Top
}
function scrollToBottom() {
elmnt.scrollIntoView(false); // Bottom
}