Javascript（またはjQuery）で実際のコンテンツの高さを取得

Question

ドキュメントの高さを取得する方法はたくさんありますが、ブラウザの実装が異なるため、ほとんどの場合、ほとんどの場合、大丈夫です。

私のケースでは、私はウィンドウとビューポートの高さよりも小さい高さであることがわかっているページ上にいくつかの要素があります。私が得ようとしているのは、すべてのレンダリングされた要素の実際の高さです。 （Firefoxでテストして）動作しません

もの：

1. $(document).height(); // gives the window height
2. document.body.scrollHeight; // gives 7, its always 7 I don't know why
3. document.body.offsetHeight; // also gives 7
4. document.documentElement.clientHeight; // sometimes gives window height
5. document.documentElement.scrollHeight; //gives window height
6. document.documentElement.offsetHeight; generally gives a value in the range of 23

現在のところ、私の考えでは、divをheight: 0に挿入して、ページの下に$(div).offset().topをつけていると思っていますが、これは間違っている可能性が高いと思います未来。

私はそれを行う前に、だから... ...

は、ウィンドウの高さよりも低いのです時にコンテンツの高さを知る方法はありますか？

EDIT：

人々は明確化を求めています。私が望むことのjsFiddleの例/私が得ている結果を得ます。 https://jsfiddle.net/8Lu2zcw8/1/

実行すると、Win HeightとDoc Heightが同じ値になり、コンソールに書き出されます。

EDIT2：彼のソリューションへのコメントで@ティム・ベルマーレンで指摘したように

は私の問題は、体が原因浮かべおよび絶対位置指定要素にコンテンツを正しくラップしませによるものでした。

Answer 1

$(document.body).height()を使用することをおすすめします。これが唯一の直接の子が浮遊しているときは、本体のパディング、マージンとbody要素の境界です0の場合に正しい結果を与えるか、または絶対的な位置に置かれます

html, 
body { height: 100%; } 

：

CSSで

あなたは配置する必要がありますこれらの要素の高さはカウントされません。したがって、浮動要素の場合、これらのラッピング問題を解決するために親をクリアすることになります。

あなたは、ウィンドウの、あなたのコンテンツのサイズをない与える$(document.body).outerHeight(includeMargin)

Answer 2

$(document).height()を使用することができない場合。それがあなたのウィンドウのサイズを与えるならば、あなたはたぶんあなたのCSSを台無しにしました。また、試すことができます$('body').height()