HTML DOM scrollTop 属性

HTML DOM Element オブジェクト

scrollTop属性設定または返却する要素の内容が垂直にスクロールするピクセル数です。

要素のscrollTop値は、要素のトップから最も上の見える内容までの距離の測定です。要素の内容が垂直にスクロールバーを持たない場合、scrollTop値は0です。

使用scrollLeft属性設定または返却する要素の内容が左（水平）にスクロールするピクセル数です。

文法：

scrollTop属性を返す：

element.scrollTop

scrollTop属性の設定：

element.scrollTop = pixels

var elem = document.getElementById("container");
var x = elem.scrollLeft;
var y = elem.scrollTop;

ブラウザの互換性

すべてのブラウザはscrollTop属性を完全にサポートしています：

属性値

技術的詳細

さらに例

垂直にスクロールするDIVの内容50px：

document.getElementById('container').scrollTop　+=　50;

垂直にスクロールするBODYの内容100ピクセル：

var body = document.body;//　Safari用
var html = document.documentElement;　//　Chrome、Firefox、IE そして Opera
　　　
body.scrollTop　+=　100;
html.scrollTop　+=　100;

関連参考

HTML DOM 参考：scrollLeft属性

HTML DOM Element オブジェクト