jquery

【jQuery】scrollHeightDOMの高さと横幅取得方法

jQueryによる要素サイズの取得
高さ

height() 要素の高さのみ
innerHeight() 要素のpaddingを含んだ高さ
outerHeight() 要素のborder、paddingを含んだ高さ
outerHeight(true) 要素のmargin、border、paddingを含んだ高さ

横幅

width() 要素の幅のみ
innerWidth() 要素のpaddingを含んだ幅
outerWidth() 要素のborder、paddingを含んだ幅
outerWidth(true) 要素のmargin、border、paddingを含んだ幅

JavaScriptによる要素サイズの取得
var h = element.clientHeight;
高さ

.clientHeight paddingを含んだ高さ
.scrollHeight paddingを含んだ画面上に表示されていないコンテンツを含む高さ
.offsetHeight border、padding、スクロールバーを含んだ高さ

横幅

.clientWidth paddingを含んだ幅
.scrollWidth paddingを含んだ画面上に表示されていないコンテンツを含む幅
.offsetWidth border、padding、スクロールバーを含んだ幅

ウィンドウサイズ

window.innerWidth スクロールバーを含まないウィンドウの幅
window.innerHeight スクロールバーを含まないウィンドウの高さ
window.outerWidth スクロールバーを含んだウィンドウの幅
window.outerHeight スクロールバーを含んだウィンドウの高さ

display: none;の時のサイズ取得
取得しない 取得する
offsetHeight height
clientHeight innerHeight
outerHeight

参考:http://qiita.com/ypyp/items/c4b76e85f32b1f0cd577


Warning: Undefined variable $postID in /home/foodheart/flashbuilder-job.com/public_html/wp-content/themes/stingerplus/single.php on line 87

-jquery