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