javascript - Google Chrome 错误地计算了元素的高度

标签 javascript google-chrome dom

我需要将侧边栏的高度设置为与主要内容相同,所以我这样写:

document.querySelector('.sidebar-left').style.height = document.querySelector('.main-content').offsetHeight + 'px';

它在 Firefox 中工作起来就像一个 super 按钮,但 Google Chrome 错误地计算了 .main-content 元素的高度,因此计算了 .sidebar-left 的高度。 main-content 不相等。但有时当我刷新页面时,Chrome 会正确设置侧边栏的高度,然后又会错误。

当我使用 getBoundingClientRect() 方法时,也会发生同样的情况。我该如何解决这个问题?

最佳答案

我没有足够的代表来发表评论,因此将在此处发布。

我想知道您在什么时候执行此操作 - 您是在 document.ready 事件 block 中(即页面完全加载时)还是之前执行此操作?

如果在此之前 .main-content 可能尚未正确呈现,因此获取高度将不正确(特别是如果您正在对其进行一些修改?)

关于javascript - Google Chrome 错误地计算了元素的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28022284/

相关文章:

javascript - Chrome : Invoking 'alert()' during microtask execution is deprecated and will be removed

javascript - 根据类名对列表项进行分组和嵌套

javascript - JQuery - 嵌套的 ul/li 列表,在重新加载页面后保持扩展

javascript - 同时将事件绑定(bind)到多个 jquery 元素

css - img {最大高度 :%} fails in chrome

javascript - jQuery 函数(切换 img 的 src attr)

javascript - 如何使用 Javascript 从段落中删除突出显示 (<mark>)

javascript - 如果条件为真或假,如何仅设置此元素的样式?

javascript - react : passing parameters to a function in map

google-chrome - 使用 SVG 图像时,背景图像 block 之间有间隙。如何在 Chrome 中解决?