Javascript 从.height动态生成的填充顶值

Javascript 从.height动态生成的填充顶值,javascript,jquery,Javascript,Jquery,我这样做对吗?因为它不起作用$('#page').css('padding-top':($headerHeight+'px'))$headerHeight来自var headerHeight=header.height() 我试图计算#页眉的高度,并将其设置为#页面的顶部填充 这里有一个小问题:

我这样做对吗?因为它不起作用<代码>$('#page').css('padding-top':($headerHeight+'px'))
$headerHeight
来自
var headerHeight=header.height()

我试图计算#页眉的高度,并将其设置为#页面的顶部填充

这里有一个小问题:

$('#page').css('padding-top': ($headerHeight + 'px'));
作者:

这种变化应该会起作用

最佳。

height()
是一种jquery方法,因此应该是:

var $headerHeight = $(header).height();

您的代码有什么问题???解释它是$('#page').css('padding-top':($headerHeight+'px'));对的它没有执行任何操作检查
$headerHeight
的值,它是否返回预期值?向它发出警报或记录它:
警报($headerHeight)让我们不要,奇怪的是,如果我删除了这上面的那行,页眉就可以工作了,固定了#页面的填充,但是现在-当窗口到达底部而不是顶部时,#页眉被切换到固定。。。你为什么认为这是因为?我不明白你想在这里做什么。JSFIDLE不是你所期待的吗?!
$('#page').css({'padding-top': (headerHeight + 'px')});
var $headerHeight = $(header).height();