files/ru/web/api/window/scroll/index.html


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

---
title: Window.scroll()
slug: Web/API/Window/scroll
translation_of: Web/API/Window/scroll
---
<div>{{APIRef}}</div>

<p>Прокручивает страницу до указанного места.</p>

<h2 id="Syntax" name="Syntax">Синтаксис</h2>

<pre class="syntaxbox">window.scroll(<em>x-coord</em>,<em>y-coord</em>)
</pre>

<h3 id="Parameters" name="Parameters">Параметры</h3>

<ul>
 <li><code>x-coord</code> - это x-координата пикселя, который окажется в верхнем левом углу экрана.</li>
 <li><code>y-coord</code>- это y-координата пикселя, который окажется в верхнем левом углу экрана.</li>
</ul>

<h2 id="Example" name="Example">Пример</h2>

<pre class="brush:html;htmlScript:true;">&lt;!-- прокрутить до пикселя с y = 100 --&gt;

&lt;button onClick="scroll(0, 100);"&gt;прокрутить&lt;/button&gt;
</pre>

<h2 id="Notes" name="Notes">Замечания</h2>

<p><a href="/en-US/docs/DOM/window.scrollTo">window.scrollTo</a> имеет тот же самый эффект. Для того, чтобы прокрутить на некоторое количество пикселей относительно текущей позиции, используйте <a href="/en-US/docs/Window.scrollBy">window.scrollBy</a>. Смотрите также <a href="/en-US/docs/Window.scrollByLines">window.scrollByLines</a>, <a href="/en-US/docs/Window.scrollByPages">window.scrollByPages</a>.</p>

<h2 id="Specification" name="Specification">Спецификация</h2>

<ul>
 <li><a href="http://dev.w3.org/csswg/cssom-view/#dom-element-scrolloptions">CSSOM: scroll() Method</a></li>
</ul>