调整窗口大小时如何实时检测元素高度？答案

【问题标题】：How to live detect elements height when window is resized?调整窗口大小时如何实时检测元素高度？
【发布时间】：2014-01-15 00:56:52
【问题描述】：

我的网站上有一个固定的顶栏，我正在根据顶栏的高度将padding-top 添加到body 元素。

$('body').css('padding-top', $('.topbar').height());

但是当我调整窗口大小并且顶部栏变得更高时，上面的 jQuery 代码在我刷新所需视口上的页面之前不起作用。

如何实时检测顶栏高度，即使调整窗口大小？

非常感谢任何帮助！

【问题讨论】：

【解决方案1】：

你需要监听一个resize事件：

$(window ).resize(function() {
    $('body').css('padding-top', $('.topbar').height());
});

【讨论】：

【解决方案2】：

jQuery 有一个.resize() 事件。所以你可以试试：

 $( window ).resize(function() {  

 $('body').css('padding-top', $('.topbar').height());

 });

如果这不起作用，请调整一下，我们可以看看您的页面是如何工作的。

【讨论】：