Прокрутка окна()
Пример
Прокрутите документ на 100 пикселей по горизонтали:
window.scrollBy(100, 0);
Прокрутите документ на 100 пикселей по вертикали:
window.scrollBy(0, 100);
Ниже приведены дополнительные примеры.
Определение и использование
Метод scrollBy()
прокручивает документ на указанное количество пикселей.
Примечание
Чтобы scrollBy()
метод работал, документ должен быть больше экрана, а полоса прокрутки должна быть видна.
Смотрите также:
Синтаксис
window.scrollBy(x, y)
или просто:
scrollBy(x, y)
Параметры
Parameter | Description |
x | Required. Number of pixels to scroll (horizontally). Positive values scroll to the right, negative values to the left. |
y | Required. Number ofpixels to scroll (vertically). Positive values scroll down, negative values scroll up. |
Возвращаемое значение
НИКТО |
Дополнительные примеры
Прокрутите документ вверх и вниз:
<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
Прокрутите документ вправо и влево:
<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>
<script>
function scrollWin(x, y) {
window.scrollBy(x, y);
}
</script>
Поддержка браузера
scrollBy()
поддерживается во всех браузерах:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |