更新高度，以最小的方式重新计算样式影响

Question

我在onScroll事件中加入了这个小功能。

service.updateNotOpenBoxHeight = () => {
        let containerHeightWithScrollbar = $('#container').height() - scrollHeight;
        let tableHeight = $('#table').height();
        let height = tableHeight >= containerHeightWithScrollbar ? tableHeight : containerHeightWithScrollbar;
        $('.not-open-box').height(height);
    };

当我通过Chrome中的Performance标签检查时，它会重新计算一些样式。
而且我得到的那条红线表示强制回流，这很可能是性能瓶颈。

我要更改高度的.not-open-box元素可以在10到50的范围内。

是否有更好的方法可以提高性能？

非常感谢您