Question

我正在尝试将两个.height（）添加到一起，以便为我的onScroll事件获取响应式数字，如何将其中两个一起添加？

我是一般的，我只是试图让动画在到达元素上方的所有内容后触发。除了添加上面所有内容的高度之外，还有其他方法吗？

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获得两个高度的例子。

＆＃13;

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.';

＆＃13;

#one {
  height: 50px;
  background: red;
}

#two {
  height: 75px;
  background: blue;
}

＆＃13;

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

＆＃13;

将两个.height（）加在一起？ jQuery的

1 个答案: