可以在位置固定一次的元素上设置max-height吗？

Question

我在右上角设置了一个侧边栏（id =“侧边栏”），位置=固定。

问题是当窗口高度小于侧边栏时，我希望侧边栏有一个滚动条。目前，我有一个函数，我设置max-height，由window.resize以及其他一些地方调用：

$("#sidebar").css("max-height", window.innerHeight - 15);

这是有效的，当我调整小于侧边栏的窗口时，滚动条会出现并正常工作。我的问题是：有没有办法可以避免在每个resize事件上设置max-height，而是在设置时调用一次并仍然获得相同的滚动行为？

Answer 1

你不需要JS。使用CSS：

#sidebar {max-height:calc(100vh - 15px)}