无滚动的固定位置侧边栏-将高度设置为内容高度

Question

我有一个简单的页面，有一个固定的侧边栏(导航)和一个正常滚动的内容区域。侧边栏位置:固定，内容区域正常。

侧边栏(如果比浏览器高)使用滚动条来显示侧边栏的其余内容。这很酷，它的工作方式就像它应该的那样。

我正在尝试让侧边栏onload设置它的高度和它的内容一样高，这样就不会有滚动。因此，如果侧边栏的高度是2000px，所有内容都加载进去，onload的高度设置为2000px，这样就没有滚动条了。它只会让固定的侧边栏变高2000px。

这是一个最小高度的问题吗？我觉得有一种简单的方法可以做到这一点，但我已经尝试了很长时间，我还是想不出来。我用过scrollHeight，height()等，但是我找不到解决方案。

谢谢

Answer 1

移除css高度以允许div展开，设置overflow:none；

其他类似的问题和答案在这里：

Make div 100% height of browser window

Answer 2

这是我从问题中理解的，因为没有提交代码。

如果你在页面加载后“测量”内容高度，你可以将你的侧边栏高度设置为这个值。

document.ready(function(){
    contentHeight = $("#content").css("height");
    // set sidebar height
    $("#sidebar").css({"height":contentHeight});
});

将它放在页面的末尾，这样它就会在页面加载之后执行。

我不确定这会不会移除滚动条，因为它会在高度大于视区时出现。您必须将侧边栏的css设置为overflow:hidden。