jquery-浮动部分更改高度大小

我创建了一个有两面的页面。在右侧，我有一个带有引导面板的浮动部分，我可以将其拖动到右侧部分

好吧，问题是右侧部分没有得到完整的页面高度（从搜索区域到页脚）

我想，浮动部分的高度（在右侧）将始终是它可以达到的最大高度（在搜索部分和页脚之间），但是-浮动部分可能包含很多面板，所以它必须在其中滚动

我将非常感谢你的帮助

CSS

当前的JS

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
    var topMargin = 10 - $(window).scrollTop();

    if (scroll >= 370) {
        $("#res-wrap").addClass("change-div-canvas");   // removed the . from class
        $("#res-wrap").css("margin-top", "90px"); ;     // change margin from top for close infoWindow button
    } else {
        $("#res-wrap").removeClass("change-div-canvas");  // removed the . from class
        $("#res-wrap").css("margin-top", topMargin+"px"); ;
    }
}); 

使用此css：

#res-wrap
{    
    margin-top: 90px;
    height: calc(100% - 75px);
    max-height: none;
}

---

谢谢，我试试看

#res-wrap
{    
    margin-top: 90px;
    height: calc(100% - 75px);
    max-height: none;
}