diff options
author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-09-25 00:51:53 +0900 |
---|---|---|
committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-10-03 13:36:18 +0900 |
commit | 9164052a55a2dd16c205e7230ce163821ade71fb (patch) | |
tree | 7481f24c7942054ab6b14539c49d3e8a5dab88bb | |
parent | bd8d5d8d15769e49b0720efdb8c76a2840d2cec7 (diff) | |
download | translated-content-9164052a55a2dd16c205e7230ce163821ade71fb.tar.gz translated-content-9164052a55a2dd16c205e7230ce163821ade71fb.tar.bz2 translated-content-9164052a55a2dd16c205e7230ce163821ade71fb.zip |
Web/API/Element/scroll を新規翻訳
- 2021/09/21 時点の英語版に基づき新規翻訳
-rw-r--r-- | files/ja/web/api/element/scroll/index.md | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/files/ja/web/api/element/scroll/index.md b/files/ja/web/api/element/scroll/index.md new file mode 100644 index 0000000000..541cc810e6 --- /dev/null +++ b/files/ja/web/api/element/scroll/index.md @@ -0,0 +1,65 @@ +--- +title: Element.scroll() +slug: Web/API/Element/scroll +tags: + - API + - Element + - メソッド + - Reference + - Scroll +browser-compat: api.Element.scroll +translation_of: Web/API/Element/scroll +--- +{{APIRef}} + +**`scroll()`** は {{domxref("Element")}} インターフェイスのメソッドで、指定された要素内の特定の座標の組まで要素をスクロールさせます。 + +## 例 + +```js +element.scroll(x-coord, y-coord) +element.scroll(options) +``` + +### 引数 + +- `x-coord` + - : 左上に表示させたいこの要素の横軸方向のピクセルです。 +- `y-coord` + - : 左上に表示させたいこの要素の縦軸方向のピクセルです。 + +\- または - + +- `options` + - : 以下の引数を含む辞書オブジェクトです。 + - `top` + - : ウィンドウまたは要素をスクロールする Y 軸方向のピクセル数を指定します。 + - `left` + - : ウィンドウまたは要素をスクロールする X 軸方向のピクセル数を指定します。 + - `behavior` + - : スクロールをスムーズなアニメーションで行うか (`smooth`)、単一のジャンプで即座に行うか (`instant`)、ブラウザーの選択に任せるか (`auto`、既定値) を指定します。 + +## 例 + +```js +// 1000 番目の垂直ピクセルを要素の先頭に置く +element.scroll(0, 1000); +``` + +`options` の使用例: + +```js +element.scroll({ + top: 100, + left: 100, + behavior: 'smooth' +}); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} |