[WordPress] ウィンドウ サイズの変更を認識すること

スポンサーリンク

質問

私は何が起こっているの私を使用して、しかし、これは、

Wordpdress

特定の質問とは思わない

WordPress

のテーマを理解しよう

私のメニューは私のコンピューター上のウィンドウ サイズが縮小されて途中から単一のドロップ ダウン メニュー変更 (ので、小さいデバイスでは正しく表示されます)、ページの右上側にあります。検査で私は外観を処理するよう様々 なクラスがあることを見ることができる:

.menu-toggle,
.main-small-navigation ul.nav-menu.toggled-on {
display: block;
    background-color: #fff;
}

.navigation-main ul {
    display: none;
}

.menu-toggle {
background-color: #FAFAFA;
    border-top: 1px solid #F0F0F0;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #1e1e1e;
.....
    }
etc etc 

main-small-navigation

クラスを使用して、すべてがうまく画面サイズが減少したとき。とき画面が戻されるただし、メニューが正しく表示されない (変更後

navigation-main

クラスが使用されていないと思います).

このいずれか可能性があります呼び出す方法画面のサイズを変更するときは私が把握しようとしています。実感これの場合、漠然とした質問および多分特定の

WordPress

が、私を探していなければならない、任意のポインターをいただければ幸いです

答え

氏あたり wordpress とは何もしていますが、ここだけ見て何が起こって理解するテーマのソースを参照してくださいする必要がありますのみよく: テーマ ソース

このような何かが表示されます:

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' );
                    }
                } );
            }
        }

起こるそれらの変更を加えること

答え

、javascript に追加:

   if ($(window).width() < 768) { //place whatever size your want
       //do something
   }
    else {
   }

http://stackoverflow.com/questions/32425723/recognising-a-change-in-window-size

スポンサーリンク

Leave a Reply