javascript - 可以在位置固定的元素上设置最大高度一次吗？

Question

我在右上角设置了一个侧边栏 (id="sidebar")，position=fixed。

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

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

这是有效的，当我将窗口调整为小于侧边栏时，滚动条会出现并正常工作。我的问题是:有没有一种方法可以避免在每个调整大小事件上都设置最大高度，而是在设置时调用一次并仍然获得相同的滚动行为？

Answer 1

你不需要 JS。使用 CSS:

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