1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
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>
|
