jQueryの高さと位置を取得するメソッド

いつもあれ？どれだっけってことがあるのでメモしておこう。

・outerHeight
border、margin等を含めた要素の高さを取得する。

$('#wrap').outerHeight();

・offset
画面左上を0として、要素の位置を取得する。topとleftプロパティが返ってくるので、そこからの縦と横の位置がわかる。

var w = $('#wrap');
w.offset().top;//縦
w.offset().left;//横

・scrollTop
要素の縦スクロール上の位置を取得する。

$('#wrap').scrollTop();

・scrollLeft
要素の横スクロール上の位置を取得する。

$('#wrap').scrollLeft();

・height
要素の高さを取得する。

$('#wrap').height();