---
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>