javascript - 从 .height 动态生成的 padding-top 值

Question

我这样做正确吗？因为它不起作用... $('#page').css('padding-top': ($headerHeight + 'px')); $headerHeight 来自 var headerHeight = header.height();。

我正在尝试计算#header的高度并将其设置为#page的padding-top

//Sticky header on offset
var header = document.querySelector('#header.sticky');
var headerOffset = header.offsetTop;
var headerHeight = header.height();
function scroll () {
    if ($(window).scrollTop() >= headerOffset) {
        $('#header').css({'position':'fixed','top':'0','left':'0','right':'0','z-index':'9999',});
        $('#page').css('padding-top': ($headerHeight + 'px'));
    } else {
        $('#header').css({'position':'relative'});
        $('#page').css('padding-top': '0');
    }
} document.onscroll = scroll;

这是一个 fiddle :http://jsfiddle.net/f4LPz/3/

Answer 1

height() 是一个 jquery 方法，所以它应该是:

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

jsFiddle