我正在使用以下代码在页面加载,调整大小和滚动时添加和删除类 . 它可以在我的桌面和移动设备上在所有浏览器上正常工作,但在任何浏该代码也会停止在页面上运行的所有其他JavaScript . 我不知道为什么这会导致问题,任何帮助将不胜感激 .
function gpResizeHeader() {
if ( ! $( 'body' ).hasClass( 'gp-relative-header' ) ) {
var mainHeaderHeight = $( '#gp-main-header' ).innerHeight();
if ( $( '#gp-top-header' ).length > 0 ) {
var topHeaderHeight = $( '#gp-top-header' ).innerHeight();
} else {
var topHeaderHeight = 1;
}
if ( $( '#wpadminbar' ).length > 0 ) {
var adminBar = $( '#wpadminbar' ).innerHeight();
} else {
var adminBar = 0;
}
$( '#gp-fixed-header-padding' ).height( mainHeaderHeight + topHeaderHeight );
function gpScrollingHeader() {
if ( $( window ).width() = ( topHeaderHeight + adminBar ) ) {
$( 'body' ).addClass( 'gp-mobile-scrolling' ).removeClass( 'gp-desktop-scrolling' );
} else {
$( 'body' ).removeClass( 'gp-mobile-scrolling' );
}
} else if ( $( window ).width() = topHeaderHeight ) {
$( 'body' ).addClass( 'gp-mobile-scrolling' ).removeClass( 'gp-desktop-scrolling' );
} else {
$( 'body' ).removeClass( 'gp-mobile-scrolling' );
}
} else if ( $( window ).width() > 1082 ) {
if ( $( document ).scrollTop() >= topHeaderHeight ) {
$( 'body' ).addClass( 'gp-desktop-scrolling' ).removeClass( 'gp-mobile-scrolling' );
} else {
$( 'body' ).removeClass( 'gp-desktop-scrolling' );
}
}
}
gpScrollingHeader();
$( window ).scroll( gpScrollingHeader );
}
}
gpResizeHeader();
$( window ).resize( gpResizeHeader );