web-dev-qa-db-ja.com

jQueryでマージンと高さの合計を取得する

別のレイヤーのmargin-topサイズとheightの合計を取得したいと思います。

.nav1のマージントップは30pxで、.mainの高さは28pxです。

私はこのコードを使用します：

$('.nav').css('margin-top').replace('px', '') + $('.main').outerHeight()

しかし、私の合計の結果は3028です

これら2つの数値の合計を計算するにはどうすればよいですか？

jquerycssheightsummargin
17
MajAfy

これは、2つの整数を追加するのではなく、2つの文字列を追加しているためです。これを試して：

var total = parseInt($('.nav').css('margin-top'), 10) + $('.main').outerHeight();
9
Rory McCrossan

_margin-top_および_margin-bottom_プロパティをカウントする場合は、outerHeight(true)を使用して、数学を使用せずに高さにマージンを追加できます： http://api.jquery.com/outerheight /＃outerHeight-includeMargin

_var heightWithMargin = $('.main').outerHeight(true);
_
40
Hugo H