.scrollIntoView()

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

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

        
          
          const element = document.querySelector('#about')element.scrollIntoView()
          const element = document.querySelector('#about')
element.scrollIntoView()

        
        
          
            
            Скопировать
            Скопировано
            Не удалось скопировать
          
        
      

🤖 В scrollIntoView() можно передать аргумент типа boolean:

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

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

На практике

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

Дока Дог советует

Секция статьи "Дока Дог советует"

🛠 Ниже вариант использования прокрутки к элементу с различными опциями:

+ Развернуть