Метод scrollIntoView()
Пример element.scrollIntoView()
Прокрутите элемент с id="content" в видимую область окна браузера:
const element = document.getElementById("content");
element.scrollIntoView();
Попробуйте сами »
Ещё примеры ниже.
Описание scrollIntoView()
Метод scrollIntoView() прокручивает элемент в видимую область окна браузера.
Синтаксис scrollIntoView()
element.scrollIntoView(align)
Параметры scrollIntoView()
| Параметр | Описание |
|---|---|
| align | Необязательно. Логическое значение, указывающее тип выравнивания: true — верх элемента будет выровнен по верху видимой области прокручиваемого предка false — низ элемента будет выровнен по низу видимой области прокручиваемого предка. Если не указано, прокрутка будет выполнена до верха элемента. Примечание: В зависимости от компоновки других элементов некоторые элементы могут не прокручиваться полностью вверх или вниз. |
Возвращаемое значение scrollIntoView()
| НЕТ |
Ещё пример scrollIntoView()
Прокрутка элемента вверх или вниз:
const element = document.getElementById("content");
function scrollToTop()
{
element.scrollIntoView(true);
}
function scrollToBottom() {
element.scrollIntoView(false);
}
Попробуйте сами »
Поддержка scrollIntoView()
element.scrollIntoView() поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | 9-11 |