我如何使固定元素的内容只有在超过视口高度时才可滚动？

Question

我有一个div定位在网页左侧的fixed上，包含菜单和导航链接。它没有css设置的高度，内容决定高度，宽度是固定的。问题是，如果内容太多，div将大于窗口的高度，并且部分内容将不可见。（滚动窗口没有帮助，因为位置是fixed并且div不会滚动。）

我尝试设置overflow-y：auto；，但这也于事无补，div似乎没有注意到它的一部分在窗口之外。

如果div挂在窗外，那么如果需要，我如何使其内容仅可滚动？

Answer 1

你可能做不到。这里有一个比较接近的东西。如果下面有空格，你就不会有内容围绕它流动。

http://jsfidle.net/thnlk/1289

.stuck {
    position: fixed;
    top: 10px;
    left: 10px;
    bottom: 10px;
    width: 180px;
    overflow-y: scroll;
}

您也可以使用百分比高度：

http://jsfidle.net/thnlk/1287/

.stuck {
    max-height: 100%;
}