我正在尝试使用带有变量的 jQuery CSS 方法编写脚本，但我无法弄清楚语法。

我需要的是 jQuery(‘ #sidecontent ‘).css(‘height’, ‘calc (100vh – $var)’);

从 100vh 中减去变量的正确语法是什么？

var elHeight = 200;
$("#sidecontent").css("height", "calc(100vh - " + elHeight + "px" + ")");

jQuery( window ).scroll(function() {
    let headerHeight = jQuery('.td-header-template-wrap').height();
    let stickyHeaderHeight = jQuery('.td-header-desktop-sticky-wrap').height();
    let yScroll = document.documentElement.scrollTop;
  if (document.documentElement.scrollTop > headerHeight) {
    jQuery('#sidecontent').addClass('active');
    jQuery('#sidecontent').css('top', '55px');
    jQuery('#sidecontent').css('height', 'calc(100vh - 55px)');

  } else {
        jQuery('#sidecontent').removeClass('active');
        jQuery('#sidecontent').css('top', '0');
        jQuery("#sidecontent").css("height", "calc(100vh - " + yScroll+ ")");
        jQuery('#sidecontent').css('padding-top', '0');
         
  }
  });