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

Question

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

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

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

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

任何帮助非常感谢！

Answer 1

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

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

如果这不起作用，请做一个小提琴，我们可以看看你的页面是如何工作的。

Answer 2

您需要侦听调整大小事件：

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