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

Метод scrollBy() интерфейса Element прокручивает элемент на заданное количество пикселей.

xCoord

Значение пикселей по горизонтали, на которое нужно прокрутить.

yCoord

Значение пикселей по вертикали, на которое нужно прокрутить.

options

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

top

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

left

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

behavior

Указывает, должна ли прокрутка происходить плавно (smooth), мгновенно (instant) или браузер сам выбирает (auto, по умолчанию).

None (undefined).

// scroll an element
element.scrollBy(300, 300);

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

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