仅当固定元素的内容超过视口的高度时，才能使它的内容滚动？

Question

我有一个div放置fixed在网页的左侧，包含它的菜单和导航链接。它没有从CSS设置高度，内容由高度决定，宽度固定。问题在于，如果内容太多，则该内容div将大于窗口的高度，而部分内容将不可见。（滚动窗口无济于事，因为位置在fixed，div不会滚动。）

我试图进行设置，overflow-y:auto;但这也无济于事，div似乎没有注意到它的一部分在窗口之外。

如果div挂在窗外，如何才能仅使内容滚动（如果需要）？

Answer 1

你可能做不到。这很接近。如果下方有空间，您将不会得到周围流动的内容。

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

您也可以执行百分比高度：

.stuck {
    max-height: 100%;
}