Элемент: метод scrollTo()

Метод scrollTo() интерфейса Element прокручивает содержимое до определённых координат внутри заданного элемента.

xCoord

Пиксель по горизонтали элемента, который нужно отобразить в левом верхнем углу.

yCoord

Пиксель по вертикали элемента, который нужно отобразить в левом верхнем углу.

options

Объект, содержащий следующие свойства:

top

Указывает количество пикселей по оси Y для прокрутки окна или элемента.

left

Указывает количество пикселей по оси X для прокрутки окна или элемента.

behavior

Определяет, будет ли прокрутка мгновенной или будет происходить плавно. Это строка, которая должна принимать одно из следующих значений:

• smooth: прокрутка должна происходить плавно
• instant: прокрутка должна произойти мгновенно одним прыжком
• auto: поведение прокрутки определяется вычисляемым значением scroll-behavior

None (undefined).

element.scrollTo(0, 1000);

Использование options:

element.scrollTo({
  top: 100,
  left: 100,
  behavior: "smooth",
});

• Element.scrollTop, Element.scrollLeft
• Window.scrollTo()