Получить высоту нескольких div с jquery

Question

Мне нужно получить высоту из трех div, добавить их вместе и посмотреть, отлична ли позиция прокрутки, чем это число. Сейчас я могу получить высоту одного элемента, но как я могу добавить других?

В принципе, я хочу писать "если scroll_top больше, чем высота DIV 1 + 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();