JavaScript在流体布局中保持边栏和主元素的高度相同

好的，这是我到目前为止的代码

var h = document.getElementById("main").offsetHeight;
 document.getElementById("sidebar1").style.height = h + "px";

它在标准布局下工作，但当屏幕大小改变布局时，我也需要重新调整高度，例如，在平板电脑上从纵向到横向，或者在涉及无限滚动的场景中，当我向下滚动页面时，边栏高度应该增加

有什么想法吗

---

谢谢

试试这个，看看它是否有效。Window.onresize应该覆盖从纵向到横向的变化。Window.onscroll应该覆盖无限滚动条

Window.onresize = resize;
Window.onscroll = resize;

function resize() {
  var node = document.getElementById("main");
  var h = window.getComputedStyle(node,null).height;
  document.getElementById("sidebar1").style.height = h;
};

---

“侧边栏1”应与“主”匹配。“getComputedStyle”方法在旧的IEI中不受支持。我尝试了一下您的代码，没有运气。高度不可调整。调试变量“h”时，您看到了什么？“h”是否显示正确的高度值？这可能有助于：