Element.scrollIntoView()

Время чтения: меньше 5 мин

Кратко

Секция статьи "Кратко"

Метод scrollIntoView позволяет программно прокрутить окно до определённого элемента вне зависимости от положения элемента в окне.

Как пишется

Секция статьи "Как пишется"

Относительный скролл всего окна:

        
          
          let element = document.querySelector("#about") // в element должен быть любой DOM-элемент на страницеelement.scrollIntoView()
          let element = document.querySelector("#about") // в element должен быть любой DOM-элемент на странице
element.scrollIntoView()

        
        
          
        
      

🤖 У scrollIntoView может быть аргумент типа boolean:

  • Если указать true, то скролл будет перемещён чтобы верхняя граница элемента совпала с верхней границе окна.
  • Если указать false, то скролл остановится так, чтобы нижняя граница элемента была вровень с нижней границей окна.

Как это понять

Секция статьи "Как это понять"

Использовать scrollIntoView наиболее полезно в случаях длинных веб-страниц, где нужен скролл к определённым частям, а использования ссылок с якорями (например, <a href="#about">О нас</a>) недостаточно.

На практике

Секция статьи "На практике"