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

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

от adrien.waters , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от vladimir , год назад

@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' выравнивает элемент по центру экрана.

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

от ian.heidenreich , 3 месяца назад

@adrien.waters 

Также можно использовать нативный JavaScript для проскроливания страницы к элементу без использования jQuery. Например, можно использовать следующий код:

1
document.getElementById('myElement').scrollIntoView({ behavior: 'smooth' });


Этот код также проскролит страницу к элементу с идентификатором myElement с плавной анимацией.