diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:42:52 -0500 |
commit | 074785cea106179cb3305637055ab0a009ca74f2 (patch) | |
tree | e6ae371cccd642aa2b67f39752a2cdf1fd4eb040 /files/ru/web/api/window/scrollto/index.html | |
parent | da78a9e329e272dedb2400b79a3bdeebff387d47 (diff) | |
download | translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.gz translated-content-074785cea106179cb3305637055ab0a009ca74f2.tar.bz2 translated-content-074785cea106179cb3305637055ab0a009ca74f2.zip |
initial commit
Diffstat (limited to 'files/ru/web/api/window/scrollto/index.html')
-rw-r--r-- | files/ru/web/api/window/scrollto/index.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/files/ru/web/api/window/scrollto/index.html b/files/ru/web/api/window/scrollto/index.html new file mode 100644 index 0000000000..30b3a8c73f --- /dev/null +++ b/files/ru/web/api/window/scrollto/index.html @@ -0,0 +1,50 @@ +--- +title: Window.scrollTo() +slug: Web/API/Window/scrollTo +tags: + - Плавная прокрутка + - Плавный скролл +translation_of: Web/API/Window/scrollTo +--- +<div>{{ APIRef }}</div> + +<h2 id="Summary" name="Summary">Описание</h2> + +<p>Прокрутка документа до указанных координат.</p> + +<h2 id="Syntax" name="Syntax">Синтакс</h2> + +<pre class="syntaxbox"><code>window.scrollTo(<em>x-coord</em>, <em>y-coord</em>) +window.scrollTo(<em>options</em>)</code></pre> + +<h3 id="Parameters" name="Parameters">Параметры</h3> + +<ul> + <li><code>x-coord</code> пиксель по горизонтальной оси документа, будет отображён вверху слева.</li> + <li><code>y-coord</code> пиксель по вертикальной оси документа, будет отображён вверху слева.</li> + <li><code>options</code> объект с тремя возможными параметрами: + <ul> + <li><code>top</code>, то же, что и <code>y-coord</code></li> + <li><code>left</code>, то же, что и <code>x-coord</code></li> + <li><code>behavior</code>, строка, содержащая либо <code>smooth</code>, <code>instant</code>, либо <code>auto</code>; по умолчанию <code>auto</code></li> + </ul> + </li> +</ul> + +<h2 id="Example" name="Example">Пример</h2> + +<pre class="brush:js line-numbers language-js"><code class="language-js">window<span class="punctuation token">.</span><span class="function token">scrollTo</span><span class="punctuation token">(</span> <span class="number token">0</span><span class="punctuation token">,</span> <span class="number token">1000</span> <span class="punctuation token">)</span><span class="punctuation token">;</span> + +<span class="comment token">// этот код меняет поведение прокрутки на "smooth"</span> +window<span class="punctuation token">.</span><span class="function token">scrollTo</span><span class="punctuation token">(</span><span class="punctuation token">{</span> + top<span class="punctuation token">:</span> <span class="number token">1000</span><span class="punctuation token">,</span> + behavior<span class="punctuation token">:</span> <span class="string token">"smooth"</span> +<span class="punctuation token">}</span><span class="punctuation token">)</span><span class="punctuation token">;</span></code></pre> + +<h2 id="Notes" name="Notes">Заметки</h2> + +<p>Эта функция выполняет то же, что и <a href="/en-US/docs/DOM/Window.scroll">window.scroll</a>. Остальные функции, связанные с прокруткой <a href="/en-US/docs/DOM/Window.scrollBy">window.scrollBy</a>, <a href="/en-US/docs/DOM/Window.scrollByLines">window.scrollByLines</a>, и <a href="/en-US/docs/DOM/Window.scrollByPages">window.scrollByPages</a>.</p> + +<h2 id="Specification" name="Specification">Спецификация</h2> + +<p>{{dom0}}</p> |