2つの.height（）を一緒に追加しますか？ Jquery

Question

私のonScrollイベントの応答番号を取得するために、2つの.height（）を一緒に追加しようとしています。どうすれば2つを一緒に追加できますか？

私は一般的ですが、私はアニメーションを要素の上のすべての下部に到達した後に起動させようとしています。上記のすべての高さを追加するだけでなく、他の方法がありますか？

window.addEventListener('load', function() { 
    $(window).scroll(function() { 
     var eventScroll = window.pageYOffset; 
     var eventScrollAmount = ($("#sectionOneImage").height() + $("#bannerOne").height()); 

     if(eventScroll > eventScrollAmount) { 
      $("#sectionOneImage").addClass("animated slideInLeft "); 
     } 
     else { 
      $("#sectionOneImage").removeClass("animated slideInLeft "); 
     } 
    }); 
}); 

Answer 1

ここでは、vanilla JSを使用して2つの高さを取得する方法の例を示します。

var sizeOfOne = document.getElementById('one').offsetHeight; 
 
var sizeOfTwo = document.getElementById('two').offsetHeight; 
 

 
document.getElementById('hook').innerHTML = 'The first div is ' + sizeOfOne + ' pixels in height, the second div is ' + sizeOfTwo + ' pixels in height. The total size of both div\'s are ' + (sizeOfOne + sizeOfTwo) + ' pixels.';

#one { 
 
    height: 50px; 
 
    background: red; 
 
} 
 

 
#two { 
 
    height: 75px; 
 
    background: blue; 
 
}

<div id="hook"></div> 
 

 
<div id="one"></div> 
 
<div id="two"></div>