Элемент: метод 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