用jquery获取多个div的高度

Question

我需要得到三个div的高度，将它们加在一起，看看滚动位置是否比这个数字大。现在我能够获得一个元素的高度，但我怎么能添加其他元素呢？

基本上，我想写 “如果scroll_top比div的高度大于1 + DIV 2 + 3”

var scroll_top = $(window).scrollTop(); 

if ((scroll_top > $('.nav-bar-fixed').height()) { 
    alert('sometext'); 
} 

Answer 1

试试这个：

$(document).ready(function() { 
var limit =$('.myEle1').height() + $('.myEle2').height() + $('.myEle3').height(); 
    $(window).scroll(function() { 
     var scrollVal = $(this).scrollTop(); 
     if (scrollVal > limit) { 
      //do something. 
     } 
    }); 
});​ 

Here is a fixed nav sample和source.

Answer 2

为什么就不能呢？

var h = 0; 
$('#div1, #div2, #div3').each(function(){ h+=$(this).height() }); 

Answer 3

这应该做的伎俩。

Working example on JS Bin。

HTML：

<div class="nav-bar-fixed"></div> 
    <div class="nav-bar-fixed"></div> 
    <div class="nav-bar-fixed"></div> 

CSS：

.nav-bar-fixed { 
    height: 200px; 
} 

的JavaScript：

var scroll_top = $(window).scrollTop(), 
    $navBarFixed = $('.nav-bar-fixed'), 
    totalHeight = 0; 

$.each($navBarFixed, function() { 
    totalHeight += $(this).height(); 
}); 

if (scroll_top > totalHeight) { 
    alert(totalHeight); 
} 

Answer 4

你可以实现这种基于jQuery函数：

(function ($) { 
    $.fn.sumHeights = function() { 
     var h = 0; 
     this.each(function() { 
     h += $(this).height(); 
     }); 
     return h; 
    }; 
})(jQuery); 

然后像这样称呼：

$('div, .className, #idName').sumHeights();