Spec-Zone.ru › Web APIs

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

Базовая линия Широко доступен

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с сентября 2020 года.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

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

Синтаксис

scroll(xCoord, yCoord)
scroll(options)

Параметры

xCoord

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

yCoord

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

options

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

top

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

left

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

behavior

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

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

Возвращаемое значение

Ничего (undefined).

Примеры

// Put the 1000th vertical pixel at the top of the element
element.scroll(0, 1000);

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

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

Спецификации

Спецификация
Модуль CSSOM View
# dom-element-scroll

Совместимость с браузерами

Рабочий стол Мобильный
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari на IOS Samsung Internet WebView Android
scroll 61 79 36 48 10.1 61 36 45 10.3 8.0 61
options_behavior_parameter 61 79 36 48 14 61 36 45 14 8.0 61
options_left_parameter 61 79 36 48 10.1 61 36 45 10.3 8.0 61
options_top_parameter 61 79 36 48 10.1 61 36 45 10.3 8.0 61

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API