Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 调整窗口大小时如何实时检测元素高度?_Jquery_Height_Padding_Live - Fatal编程技术网

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

Jquery 调整窗口大小时如何实时检测元素高度?,jquery,height,padding,live,Jquery,Height,Padding,Live,我在我的网站上有一个固定的顶栏,我正在根据顶栏的高度向body元素添加一个padding top $('body').css('padding-top',$('topbar').height()) 但是,当我调整窗口大小,并且顶部栏变得更高时,上面的jQuery代码将无法工作,直到我在所需的视口中刷新页面 如何实时检测顶栏高度,即使调整了窗口大小 非常感谢您的帮助 您需要侦听调整大小事件: $(window ).resize(function() { $('body').css('pad

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

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

但是,当我调整窗口大小,并且顶部栏变得更高时,上面的jQuery代码将无法工作,直到我在所需的视口中刷新页面

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


非常感谢您的帮助

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

$(window ).resize(function() {
    $('body').css('padding-top', $('.topbar').height());
});
jQuery有一个
.resize()
事件。所以你可以试试:

 $( window ).resize(function() {  

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

 });

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

另一种方法是在窗口大小调整时刷新页面:$(窗口).resize(函数(){location.reload();});我需要一些东西而不是刷新页面,但是谢谢你的努力