例
コンテンツの画素数を取得する<div>要素は、水平方向と垂直方向にスクロールされます。
var elmnt = document.getElementById("myDIV");
var x = elmnt.scrollLeft;
var y = elmnt.scrollTop; »それを自分で試してみてください もっと"Try it Yourself"以下の例。
定義と使用法
scrollLeftプロパティセットまたは要素のコンテンツが水平方向にスクロールされている画素の数を返します。
ヒント：使用scrollTopスプライトを設定したり、要素の内容が垂直方向にスクロールされたピクセルの数を返すようにプロパティを。
ヒント：CSSの使用、要素にスクロールバーを追加するには、オーバーフロープロパティを。
ブラウザのサポート
| プロパティ | |||||
|---|---|---|---|---|---|
| scrollLeft | はい | はい | はい | はい | はい |
構文
scrollLeftプロパティを返します：
element .scrollLeftscrollLeftプロパティを設定します。
element .scrollLeft= pixels プロパティ値
| 値 | 説明 |
|---|---|
| pixels | 要素の内容が水平方向にスクロールされたピクセルの数を指定します。 特記事項：
|
技術的な詳細
| 戻り値： | 要素のコンテンツが水平方向にスクロールされたピクセルの数を表す数値、 |
|---|
その他の例
例
内容スクロール<div>垂直方向、水平方向50個の画素、10個の画素に要素を：
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft = 50;
elmnt.scrollTop = 10; »それを自分で試してみてください 例
内容スクロール<div>垂直方向、水平方向50個の画素、10個の画素で要素を：
var elmnt = document.getElementById("myDIV");
elmnt.scrollLeft
+= 50;
elmnt.scrollTop += 10; »それを自分で試してみてください 例
内容スクロール<body>垂直、水平30個の画素、10個の画素で：
var body = document.body; // For Chrome, Safari and Opera
var html = document.documentElement; // Firefox and IE places the overflow at the
<html> level, unless else is specified. Therefore, we use the
documentElement property for these two browsers
body.scrollLeft += 30;
body.scrollTop += 10;
html.scrollLeft += 30;
html.scrollTop += 10; »それを自分で試してみてください