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