Как проскролить страницу к елементу без jquery?

Пользователь

от adrien.waters , в категории: JavaScript , 8 месяцев назад

Как проскролить страницу к елементу без jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от vladimir , 8 месяцев назад

@adrien.waters 

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


Например, если у вас есть элемент с идентификатором myElement, то вы можете проскролить страницу к нему следующим образом:

1
document.getElementById('myElement').scrollIntoView();


Этот метод проскролит страницу так, чтобы элемент myElement был в верхней части видимой области страницы.


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


Например:

1
2
3
4
document.getElementById('myElement').scrollIntoView({
  behavior: 'smooth',
  block: 'center'
});


Здесь опция behavior: 'smooth' позволяет сделать плавную прокрутку к элементу, а опция block: 'center' выравнивает элемент по центру экрана.