jquery - jquery .height() がクロムで異なる結果を得るのはなぜですか?

Question

これは、クロムが div の幅と高さを表示する方法です:

これは正しいです。実際、高さは 1466 です。しかし、これを行うと:

$(document).ready(function () {
    console.log($('#container-altezza-fisso').height());
});

1418を出力します。パディング/マージンはありません。なんで？どうすれば修正できますか？

Answer 1

これは、DOMReadyでは一部の画像が完全に読み込まれないためです。あなたは窓の負荷の高さを呼び出す必要があります。

$(window).load(function(){
    console.log($('#container-altezza-fisso').height());
})

また、使用することができますouterHeight：

パディング、境界線、オプションでマージンなど、一致した要素のセットの最初の要素について現在計算されている高さを取得します。値の整数（「px」なし）表現を返します。空の要素セットで呼び出された場合はnullを返します。

console.log($('#container-altezza-fisso').outerHeight());

Answer 2

.height()要素の高さを取得し、.outerHeight()パディング、マージン、境界線を含む高さを返します。

Answer 3

outerHeight()パディングで高さを取得するために使用します。outerHeight(true)パディング + マージンで高さを取得するために使用します。

ここにドキュメントへのリンクがあります。