/ ↲
    Расширенный поиск

    JavaScript

    .scrollIntoView()

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

    1. Кратко
    2. Как пишется
    3. Как это понять
    4. На практике
      1. doka-dog

    Кратко

    Метод 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>) недостаточно.

    На практике