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

Question

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

侧边栏（如果比浏览器高）使用滚动条显示侧边栏内容的其余部分。多酷，它的作用就像它应该的那样。

我试图获取侧边栏，onload，将其高度设置为与其内容一样高，因此没有滚动。因此，如果侧边栏高度为2000像素且加载了所有内容，则onload的高度设置为2000px，因此没有滚动条。它只会使固定边栏2000px变高。

这是一个最小高度的问题吗？我觉得有一个简单的方法可以做到这一点，但我已经在这么久，我无法弄明白。我用过scrollHeight，height（）;等等，无法得到解决方案。

由于

Answer 1

删除css高度以允许div展开，设置overflow：none; 否则类似的问题和答案在这里： 使div为浏览器窗口的100％高度

Answer 2

这是我从问题中理解的，因为没有提交代码
如果你＆＃34; mesure＆＃34;页面加载后的内容高度，您可以将侧边栏高度设置为此值。

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

将其放在页面的末尾，以便在页面加载后执行 我不确定这会删除滚动条，因为当高度超过视口时会出现。 您必须为侧边栏设置css以溢出：隐藏。