jquery各種高さ取得

alert($(window).height());//ブラウザ時下ウィンドウ可視領域高さalert($(document).height());//ブラウザ時のウィンドウドキュメントの高さalert($(document.body).height());//ブラウザ時の下ウィンドウドキュメントbodyの高さalert($(document.body).outerHeight(true));//ブラウザ時の下ウィンドウドキュメントbodyの総高さはborder padding margin を含む.
alert($(window).width());//ブラウザ時下ウィンドウ可視領域幅alert($(document).width());//ブラウザ時の下ウィンドウドキュメントの画像幅alert($(document.body).width());//ブラウザ時の下ウィンドウドキュメントbodyの高さalert($(document.body).outerWidth(true));//ブラウザ時のウィンドウドキュメントbodyの総幅はborder padding margin を含む.
alert($(document/window).scrollTop());/スクロールバースクロール後のブラウザに対する高さalert($(document).scrollLeft());//スクロールバーの左への垂直幅を取得する
offset():現在のビューポートで一致する要素の相対的なオフセットを取得します.返されるオブジェクトには、topとleftの2つの整形プロパティが含まれます.このメソッドは、表示される要素にのみ有効です.

要素の現在のオフセット:

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top); 

})を取得します. 
取得要素がスクロールバーに従ってスクロールすると、ブラウザの上部に対する高さ=offset上(top)オフセット量-スクロールバーがスクロールするとブラウザに対する高さとなる.