在页面调整大小时将标题高度应用于主体作为填充顶部

时间:2016-12-30 10:11:51

标签: javascript jquery css

我可以在declare @dt VARCHAR(20) = '1/26/2016 14:54' select REPLACE(CONVERT(DATE,@dt),'-','') 上将height的{​​{1}} header作为padding top提取并body。问题是,当我试图将window.resize调整为全宽时,我认为window函数无效。



resize

var headerHeight = $('header').innerHeight();
console.log(headerHeight);
function carouselHeight(){
	$('body').removeAttr('style');
	$('body').css("padding-top", headerHeight);
};
$(document).ready(function(e) {
	carouselHeight();    
});
$(window).resize(function(){
	carouselHeight();
});

body {
  min-height: 2000px;
  padding-top: 70px;
}




2 个答案:

答案 0 :(得分:1)

抱歉,我在script发现了错误。函数中未提及标题高度。所以它没有在调整大小时获得正确的高度

function carouselHeight(){
    var headerHeight = $('header').innerHeight();
    $('body').removeAttr('style');
    $('body').css("padding-top", headerHeight);
    console.log(headerHeight);
    console.log('hi');
};
$(document).ready(carouselHeight);
$(window).resize(carouselHeight);

答案 1 :(得分:0)

你必须像这样执行它们:

var headerHeight = $('header').innerHeight();
console.log(headerHeight);
function carouselHeight(){
    $('body').removeAttr('style');
    $('body').css("padding-top", headerHeight);
};

 $(document).ready(carouselHeight);
 $(window).resize(carouselHeight);