滚动时增长div

Question

我有3个动态加载内容的div（渲染来自ajax调用的响应），因此div的高度不同。

CSS

div {
    height: 100%;
}

HTML

<div>response from ajax 1</div>
<div>response from ajax 2</div>
<div>response from ajax 3</div>

我需要使所有div与最高div的高度相同，但是ajax调用是在不同的时间执行的，所以我需要多次计算高度（也许看看滚动条是否会增长？）。我正在考虑计算整个文档的高度，但它不起作用或我做错了，因为它产生了无限滚动。

JS

$(window).on('scroll', function() {
    $('div').css('height', $(document).height());
})

我读到了很酷的flexbox解决方案，但我现在不能应用它，所以这就是为什么我需要用JS计算高度。非常感谢聪明人。