WordPressで開発するときとか、ヘッダーをabsoluteとかfixedにするときとか、とりあえずヘッダとかにコンテンツが隠れちゃうってことシバシバあるじゃないですか。
そゆときには以下を使う。これでheaderの下のcontentsがヘッダに隠れないよ！
色々変な値入ってるからカスタマイズしてね。
jQuery(function($){
var headerHight = Number($( 'header#masthead' ).height()) - 6;
$( '#content' )
.css({
'margin-top' : headerHight + 'px',
})
z$( 'header#masthead' )
.css({
'margin-top' : $( '#wpadminbar' ).height() + 'px',
})
});
jQuery(function($){
if($('#wpadminbar').length){
var height1 = $('#wpadminbar').height();
var height2 = $('header#masthead').height();
var height3 = 23;
$('.breadcrumb').css('top',height1+height2+height3+'px');
} else {
var height2 = $('header#masthead').outerHeight(true);
var height3 = 23;
$('.breadcrumb').css('top',height2+height3+'px');
}
});
jQuery(function($){
if($('#wpadminbar').length){
var height1 = $('#wpadminbar').height();
var height2 = $('header#masthead').height();
var height3 = 103;
$('h1.page-entry-header').css('top',height1+height2+height3+'px');
} else {
var height2 = $('header#masthead').outerHeight(true);
var height3 = 103;
$('h1.page-entry-header').css('top',height2+height3+'px');
}
});