Javascript 如何计算此侧边栏的高度？

我的目标是无垂直滚动100%响应高度。就我个人而言，我无法理解这个边栏的高度是如何计算的。无论屏幕大小如何，它都超出了页面的高度。CSS中唯一的高度设置是

height:100%

$（“#菜单切换”）。单击（功能（e）{
e、 预防默认值（）；
$（“#包装器”）.toggleClass（“toggled”）；
});
$（“#menu-toggle-2”）。单击（函数（e）{
e、 预防默认值（）；
$（“#包装器”）.toggleClass（“toggled-2”）；
$（'#menu ul'）.hide（）；
});
函数initMenu（）{
$（'#menu ul'）.hide（）；
$（'#menu ul'）.children（'.current'）.parent（）.show（）；
//$（“#菜单ul:first”）.show（）；
$（“#菜单a”）。单击(
函数（）{
var checkElement=$（this.next（）；
如果（（checkElement.is（'ul'））和（&（checkElement.is（'：可见）））{
返回false；
}
如果（（checkElement.is（'ul'））&（！checkElement.is（':visible'））{
$（“#菜单ul:visible”）.slideUp（'normal'）；
checkElement.slideDown（'normal'）；
返回false；
}
}
);
}
$（document）.ready（函数（）{initMenu（）；}）
/*切换样式*/
navbar先生
{
边界半径：0；
-moz边界半径：0；
-webkit边界半径：0；
}
#包装纸
{
左侧填充：0；
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-o型过渡：所有0.5s的轻松度；
过渡：所有0.5s缓解；
溢出：隐藏；
}
#包装器。切换
{
左侧填充：250px；
溢出：隐藏；
}
#边栏包装
{
z指数：1000；
位置：绝对位置；
左：250px；
宽度：0；
身高：100%；
左边距：-250px；
溢出：隐藏；
/*溢出y：隐藏*/
背景：#000；
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-o型过渡：所有0.5s的轻松度；
过渡：所有0.5s缓解；
}
#wrapper.toggled#侧栏包装器
{
宽度：250px；
}
#页面内容包装器
{
位置：绝对位置；
/*填充：15px*/
宽度：100%；
溢出x：隐藏；
}
.xyz
{
最小宽度：360px；
}
#wrapper.toggled#页面内容包装器
{
位置：相对位置；
右边距：0px；
}
.固定品牌
{
宽度：自动；
}
/*边栏样式*/
.侧边栏导航
{
位置：绝对位置；
排名：0；
宽度：250px；
保证金：0；
填充：0；
列表样式：无；
边缘顶部：2倍；
颜色：#fff；
}
.侧边栏导航李
{
文本缩进：15px；
线高：40px；
}
.侧边栏导航李a
{
显示：块；
文字装饰：无；
颜色：#999999；
}
.侧边栏导航李a：悬停
{
文字装饰：无；
颜色：#fff；
背景：rgba（255255,0.2）；
左边框：红色2px实心；
}
.侧边栏导航李a：激活，
.侧边栏导航李a：焦点
{
文字装饰：无；
}
.sidebar nav>.sidebar品牌
{
高度：65px；
字号：18px；
线高：60px；
}
.sidebar nav>.sidebar品牌a
{
颜色：#999999；
}
.sidebar nav>.sidebar品牌a:悬停
{
颜色：#fff；
背景：无；
}
.没有边际
{
保证金：0；
}
@介质（最小宽度：768px）
{
#包装纸
{
左侧填充：250px；
}
.固定品牌
{
宽度：200px；
}
#包装器。切换
{
左侧填充：0；
}
#边栏包装
{
宽度：250px；
}
#wrapper.toggled#侧栏包装器
{
宽度：250px；
}
#wrapper.toggled-2#侧栏包装器
{
宽度：0；
}
#wrapper.toggled-2#侧栏包装器：悬停
{
宽度：250px；
}
#页面内容包装器
{
/*填充：20px*/
位置：相对位置；
/*-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-o型过渡：所有0.5s的轻松度；
过渡：所有0.5s缓解*/
}
#wrapper.toggled#页面内容包装器
{
位置：相对位置；
右边距：0；
左侧填充：250px；
}
#wrapper.toggled-2#页面内容包装器
{
位置：相对位置；
右边距：0；
左边距：-200px；
-webkit过渡：所有0.5s轻松；
-moz过渡：所有0.5s轻松；
-o型过渡：所有0.5s的轻松度；
过渡：所有0.5s缓解；
宽度：自动；
}
}
.侧边栏部分容器
{
填充：8px；
}
.侧栏部分容器p
{
字体大小：12px；
文本对齐：右对齐；
}
.侧栏部分容器p标签
{
显示：内联块；
垂直对齐：中间对齐；
}
.侧栏部分容器p跨度
{
显示：内联块；
垂直对齐：中间对齐；
宽度：90px；
}
.侧边栏部分容器.侧边栏价格
{
宽度：70px；
}
.侧边栏部分顶部
{
边框底部：1px实心#A9AA；
填充：0 10px；
}
.侧边栏部分中间
{
边框底部：1px实心#A9AA；
填充：10px0；
}
.侧边栏部分底部.btn主
{
宽度：110px；
利润率：10px0；
位置：相对位置；
z指数：999；
}
.侧边栏部分底部p
{
填充：10px0；
字体大小：粗体；
字体大小：15px；
}






#sidebar-wrapper{
    height: calc(100vh - 58px);   /* Where 58 is the exact height of the top bar */
}