我正在使用以下代码在页面加载,调整大小和滚动时添加和删除类。它可以在我的桌面和移动设备上在所有浏览器上正常工作,但在任何浏该代码也会停止在页面上工作的所有其他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 );