Метод scrollBy()
Пример scrollBy()
Прокрутите документ на 100 пикселей по горизонтали:
window.scrollBy(100, 0);
Попробуйте сами »
Прокрутите документ на 100 пикселей по вертикали:
window.scrollBy(0, 100);
Попробуйте сами »
Ещё примеры ниже.
Описание scrollBy()
Метод scrollBy() прокручивает документ на указанное количество пикселей.
Примечание scrollBy()
Для работы метода scrollBy() документ должен быть больше экрана, а полоса прокрутки должна быть видна.
Похожи на scrollBy()
Синтаксис scrollBy()
window.scrollBy(x, y)
или просто:
scrollBy(x, y)
Параметры scrollBy()
| Параметр | Описание |
|---|---|
| x | Обязательно. Количество пикселей для прокрутки (по горизонтали). Положительные значения прокручивают вправо, отрицательные — влево. |
| y | Обязательно. Количество пикселей для прокрутки (по вертикали). Положительные значения прокручивают вниз, отрицательные значения прокручивают вверх. |
Возвращаемое значение scrollBy()
| НЕТ |
Ещё примеры scrollBy()
Прокрутите документ вверх и вниз:
<button onclick="scrollWin(0, 50)">Прокрутите вниз</button>
<button onclick="scrollWin(0, -50)">Прокрутить вверх</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
Попробуйте сами »
Прокрутите документ вправо и влево:
<button onclick="scrollWin(100, 0)">Прокрутить вправо</button>
<button onclick="scrollWin(-100, 0)">Прокрутить влево</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
Попробуйте сами »
Поддержка браузера scrollBy()
scrollBy() поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |