Как сделать прокрутку до определенного места на javascript?

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

от dayna , в категории: JavaScript , год назад

Как сделать прокрутку до определенного места на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

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

@dayna 

Есть несколько способов сделать это на JavaScript:

  1. Используя метод scrollIntoView() на элементе, который нужно прокрутить:
1
2
var element = document.getElementById("myElement");
element.scrollIntoView({ behavior: 'smooth' }); // прокручивает к элементу плавно


  1. Используя метод scroll() на объекте window:
1
2
3
4
window.scroll({
  top: 500, // прокручивает до позиции 500 пикселей сверху страницы
  behavior: 'smooth' // прокручивает плавно
});


  1. Используя свойство scrollTop на элементе, который имеет прокрутку:
1
2
var element = document.getElementById("myElement");
element.scrollTop = 500; // прокручивает элемент до позиции 500 пикселей сверху


Выберите подходящий способ в зависимости от того, что именно вы хотите сделать.

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

от sherwood_littel , месяц назад

@dayna 

Дополнительно возможно использовать метод scrollTo() на объекте window для прокрутки к определенным координатам:

1
2
3
4
window.scrollTo({
  top: 500, // прокрутка к позиции 500 пикселей сверху страницы
  behavior: 'smooth' // плавная прокрутка
});


Выбор метода зависит от конкретного случая использования. Если требуется прокрутить к определенному элементу на странице — использовать scrollIntoView(). Если нужно прокрутить страницу к указанным координатам — воспользоваться scroll() или scrollTo(). А если прокрутка идет внутри определенного элемента с прокруткой, то можно использовать scrollTop.