English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Объект JavaScript

Справочник JavaScript

JS DOM справочник

Метод Window scrollBy()

Объект окна JavaScript

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

Метод scrollBy() прокручивает указанное количество пикселей, аwindow.scrollTo()Прокрутка к абсолютной позиции в документе.

Грамматика:

window.scrollBy(x-координата, y-координата)
<button onclick="window.scrollBy(100, 0);">Нажмите</button>
Проверить,›/›

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

Метод scrollBy() полностью поддерживается всеми браузерами:

Метод
scrollBy()ДаДаДаДаДа

Значение параметра

ПараметрОписание
x-координатаЧисло пикселей по горизонтали, которое вы хотите прокрутить. Положительное значение прокрутит вправо, а отрицательное значение прокрутит влево.
y-координатаЧисло пикселей по вертикали, которое вы хотите прокрутить. Положительное значение прокрутит вниз, а отрицательное значение прокрутит вверх.

Технические детали

Возвратное значение:Нет

Более примеры

П прокрутке документа на 100 пикселей по вертикали:

<button onclick="window.scrollBy(0, 100);">Нажмите</button>
Проверить,›/›

Горизонтальное и вертикальное прокручивание документа:

<button onclick="window.scrollBy(0, 50)">Прокрутить вниз</button>
<button onclick="window.scrollBy(0, -50)">Прокрутить вверх</button>
<button onclick="window.scrollBy(100, 0)">Прокрутить вправо</button>
<button onclick="window.scrollBy(-100, 0)">Прокрутить влево</button>
Проверить,›/›

См. также

Референция окна (Window)Метод window.scrollTo()

HTML DOM: РуководствоэлементСвойство .scrollLeft

HTML DOM: РуководствоэлементСвойство .scrollTop

Объект окна JavaScript

Объект хранения JSОбъект окна JavaScript