Метод .scrollIntoView() используется для прокрутки страницы так, чтобы указанный элемент стал видимым в окне браузера. Этот метод устанавливает позицию прокрутки страницы так, чтобы указанный элемент был на верхней или нижней границе видимой части окна браузера.

Например, если у вас есть элемент на веб-странице, который находится за пределами видимой части окна браузера, вы можете использовать метод .scrollIntoView() на этом элементе, чтобы прокрутить страницу так, чтобы этот элемент стал видимым.

Пример использования метода .scrollIntoView() в JavaScript:

<div id="myDiv" style="height: 1000px;"></div>
 
<button onclick="scrollToDiv()">Прокрутить до элемента</button>
 
<script>
function scrollToDiv() {
  const divEl = document.querySelector('#myDiv');
  divEl.scrollIntoView({ behavior: 'smooth' });
}
</script>

Здесь мы создаем блок div с идентификатором myDiv, который имеет высоту 1000 пикселей. Затем мы создаем кнопку, при нажатии на которую вызывается функция scrollToDiv(). Внутри этой функции мы получаем ссылку на элемент myDiv с помощью метода document.querySelector(), а затем вызываем метод .scrollIntoView() на этом элементе, чтобы прокрутить страницу так, чтобы этот элемент стал видимым. Мы также передаем параметр behavior: 'smooth', чтобы прокрутка происходила плавно.

Обратите внимание, что метод .scrollIntoView() может быть вызван только на элементах, которые могут быть отображены в окне браузера. Если вы попытаетесь вызвать метод .scrollIntoView() на элементе, который находится вне окна браузера, это не будет иметь никакого эффекта.

Назад