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

Question

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

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

但是当我调整窗口大小并且topbar变得更高时，上述jQuery代码在我在所需视口上刷新页面之前无效。

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

非常感谢任何帮助！

Answer 1

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

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

Answer 2

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

 $( window ).resize(function() {  

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

 });

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