javascript - 计算动态加载的 div 的高度

标签 javascript html css delay

我有一个要求,我的标题高度会发生变化。标题在加载时需要一些时间或说延迟。并且根据标题高度,我的 body 高度必须计算并应相应设置。

示例代码如下:

<div class="header header.row">
header content
</div>

<div class="main main.row">
body content
</div>

JS代码:

document.ready(function()
{
main.top=header.height;
});

我关心的是我们怎么知道header div何时完全加载。有没有办法找到header最终加载然后计算body位置。尝试的解决方法是设置750ms的延迟。但通常延迟不会在真实场景中工作,试图找到替代方案。

非常感谢任何帮助。

提前致谢。

最佳答案

您可以监听onload 事件,either on window or document例如

document.onload = function() {
  var height = document.getElementsByClassName('header')[0].clientHeight;
}

注意,不需要headerheader.row;您应该只使用 header rowdiv 提供两个类。

关于javascript - 计算动态加载的 div 的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24567839/

相关文章:

html - 在 css 中倾斜正方形的垂直线?

html - 内部带有图像的 anchor 的高度比其余元素的高度更高

javascript - Backbone 的 trigger() 是同步的还是异步的?

javascript - 如何删除除以某个单词开头的文本之外的所有文本?

javascript - 使用 D3,如何设置轴路径和线的属性 ("fill", "none"),而不是文本(不编辑样式表)

css - 在一个页面布局上,随着页面滚动,div 的高度越来越大

javascript - 如何让在透明 Canvas 上移动的图像不留下移动图像的痕迹/"tracks"?

javascript - $.each() jQuery 新闻源

html - 如何将 `autocomplete="off"` 定义为 CSS 样式?

javascript - 点击后移动设备上的提交按钮不会失去焦点