Page Top

jQueryでボックスのmarginも含めた高さheight()を取得するー自分用覚書

March 30, 2015

jQueryで、例えば、とあるボックス要素の高さを取得したいと思ったら、heightメソッドを使って取得しますが、これだと、そのボックス自体につけられたmarginやpaddingは含まれません。

これら、marginやpaddingも含めたボックスの高さを取得したい場合は、outerHeightメソッドを使用すると良いようです。ですが、marginとpaddingでは取得の記述が違うようです。

ボックスの高さに加えpaddingも含めた高さを取得する場合は、outerHeight()で。
これに加え、marginも含めた値を取得する場合は、outerHeight(true)という風にtrueを加えて書かなければならないようです。

詳しくは、こちらのサイト様の説明がとても分かりやすかったです。
このコードわからん」様の「jQueryでmarginも含めた幅や高さを取得」。

最新記事