Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Окно scrollBy() Method

<Окно объекта

пример

Выделите документ, 100px по горизонтали:

window.scrollBy(100, 0);
Попробуй сам "

Больше "Try it Yourself" примеры ниже.


Определение и использование

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

Note: Для работы этого метода, видимое свойство скроллинга окна должно быть установлено так!


Поддержка браузеров

метод
scrollBy() да да да да да

Синтаксис

window.scrollBy( Значения параметров
параметр Тип Описание
xnum Number Необходимые. Сколько пикселей для прокрутки с помощью, по оси х (horizontal) по (horizontal) . Положительные значения будут прокручиваться влево, а отрицательные значения будут прокручивать вправо
ynum Number Необходимые. Сколько пикселей в прокручивать, вдоль оси у (vertical) . Положительные значения будут прокручиваться вниз, в то время как отрицательные значения прокрутки вверх

Технические подробности

Возвращаемое значение: Нет возвращаемого значения

Примеры

Еще примеры

пример

Прокрутка документа с помощью 100px по вертикали:

window.scrollBy(0, 100);
Попробуй сам "

пример

Прокрутка документа по горизонтали и по вертикали:

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<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>
Попробуй сам "

Похожие страницы

: Окно объекта href="met_win_scrollto.html"> scrollTo() Method


<Окно объекта