页面大小增加后的CSS高度更新

Question

我正在创建一个在屏幕左侧有一个菜单的应用程序。菜单中应用了以下CSS：

.menu .levelHolderClass {
    position: absolute;
    overflow: hidden;
    top: 0;
    background: #336ca6;
    width: auto;
    min-height: 100%;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1em;
    zoom: 1;
}

这一直有效，直到屏幕动态调整大小以显示更多内容，因为当用户向下滚动时，屏幕是一个类似于表的结构加载内容。

是否有任何特定的CSS标记可用于指示元素在页面大小增加后应调整大小？目前，当屏幕添加更多行时，菜单在100％屏幕高度后停止。

如果没有CSS标签来执行此操作，您将如何在Javascript中处理它？<​​/ p>

编辑：下面的图片显示向下滚动超过1页高度之前和之后的菜单（蓝色条）。

Answer 1

暂时安抚这个问题，我已经补充道：

position: fixed;

到css。这使得菜单至少与用户一起滚动，而不管页面大小调整。