Есть две колонки контента
<div id="main-bar">
...
</div>
<div id="side-bar">
...
</div>
Пытаюсь так:
var mainBar = $('#main-bar').height();
var sideBar = $('#side-bar').height();
var hHelper = (mainBar - sideBar);
if (mainBar > sideBar) {
$('.sticky-helper').height(hHelper);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Почему-то var mainBar = $('#main-bar').height();
определяет высоту не правильно. В консоль выводится одно число, в разметке показывается другое. Внутри элемента много вложенных элементов с другими объектами.
display: flex;
— высота одного будет подстраиваться под друого → jsfiddle.net/OPTlMUS/hc74kotj