我这样做正确吗?因为它不起作用... $('#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/
最佳答案
关于javascript - 从 .height 动态生成的 padding-top 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23322097/