Метод HTML DOM scrollIntoView
Пример
Прокрутите элемент с id="content" в видимую область окна браузера:
var elmnt = document.getElementById("content");
elmnt.scrollIntoView();
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Метод scrollIntoView() прокручивает указанный элемент в видимую область окна браузера.
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, полностью поддерживающую метод.
Method | |||||
---|---|---|---|---|---|
scrollIntoView | 28.0 | 8.0 | 1.7 | 5.0 | 38.0 |
Синтаксис
element.scrollIntoView(alignTo)
Параметры
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. |
Технические детали
Возвращаемое значение: | Нет возвращаемого значения |
---|---|
DOM-версия | Экспериментальный |
Дополнительные примеры
Пример
Прокрутите вверх или вниз элемента:
var elmnt = document.getElementById("content");
function scrollToTop()
{
elmnt.scrollIntoView(true); // Top
}
function scrollToBottom() {
elmnt.scrollIntoView(false); // Bottom
}