这是由于主题的js。
在里面/twentyfourteen/js/functions.php:
/*
* Fixed header for large screen.
* If the header becomes more than 48px tall, unfix the header.
*
* The callback on the scroll event is only added if there is a header
* image and we are not on mobile.
*/
if ( _window.width() > 781 ) {
var mastheadHeight = $( \'#masthead\' ).height(),
toolbarOffset, mastheadOffset;
if ( mastheadHeight > 48 ) {
body.removeClass( \'masthead-fixed\' );
}
if ( body.is( \'.header-image\' ) ) {
toolbarOffset = body.is( \'.admin-bar\' ) ? $( \'#wpadminbar\' ).height() : 0;
mastheadOffset = $( \'#masthead\' ).offset().top - toolbarOffset;
_window.on( \'scroll.twentyfourteen\', function() {
if ( _window.scrollTop() > mastheadOffset && mastheadHeight < 49 ) {
body.addClass( \'masthead-fixed\' );
} else {
body.removeClass( \'masthead-fixed\' );
}
} );
}
}
您可以看到它检查高度，然后如果它大于48，则删除
masthead-fixed 从正文开始分类。
你可以
a. 运行一些在函数之后激发的js。js公司：
$(body).addClass( \'masthead-fixed\' );
b. 通过CSS强制固定站点标题：
.site-header
{
postion: fixed;
}
注意，在这两种情况下，您可能需要向其他内容添加更大的上边距，以将其向下推，使标题不覆盖它。
