files/ja/web/api/window/scrollbylines/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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

---
title: Window.scrollByLines()
slug: Web/API/Window/scrollByLines
tags:
- API
- HTML DOM
- Method
- Non-standard
- Reference
- Window
translation_of: Web/API/Window/scrollByLines
---
<div>{{ ApiRef() }} {{Non-standard_header}}</div>

<p><code><strong>Window.scrollByLines()</strong></code> メソッドは、指定された行数だけ文書をスクロールさせます。</p>

<h2 id="Syntax">構文</h2>

<pre class="brush: js">window.scrollByLines(<em>lines</em>)
</pre>

<h3 id="Parameters">引数</h3>

<ul>
  <li><code>lines</code> は文書をスクロールする行数です。これは正または負の整数を指定することができます。</li>
</ul>

<h2 id="Example">例</h2>

<pre class="brush:html">&lt;!-- 文書を 5 行だけ上方向にスクロールする --&gt;
&lt;button id="scroll-up" onclick="scrollByLines(-5);"&gt;Up 5 lines&lt;/button&gt;

&lt;!-- 文書を 5 行だけ下方向にスクロールする --&gt;
&lt;button id="scroll-down" onclick="scrollByLines(5);"&gt;Down 5 lines&lt;/button&gt;
</pre>

<h2 id="Specifications">仕様書</h2>

<p>どの仕様書にもありません。</p>

<h2 id="Browser_compatibility">ブラウザーの互換性</h2>

<p>{{Compat("api.Window.scrollByLines")}}</p>

<h2 id="See_also">関連情報</h2>

<ul>
  <li>{{domxref("window.scroll()")}}</li>
  <li>{{domxref("window.scrollBy()")}}</li>
  <li>{{domxref("window.scrollByPages()")}}</li>
  <li>{{domxref("window.scrollTo()")}}</li>
</ul>