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();});我需要一些东西而不是刷新页面,但是谢谢你的努力