0

私はまだ JavaScript に不慣れで、レスポンシブ ナビゲーションを使用しています:
http://responsive-nav.com

問題は、ページを読み込んだときにレスポンシブ ナビゲーションが一時的に表示されることです。実際にナビゲーションを開くまでは表示されません。この問題が発生しているサイト: http://dev.sunnyvista.infront.com/

このスタイルが関係している可能性があることはわかっています:
@media screen and (min-width : 940px) { .js .nav-collapse.closed {max-height:0;}}

レスポンシブ ナビゲーションの例では、これはmax-height:none;に設定されてmax-height:none;います。

ページの他のすべての JavaScript が読み込まれる前に、JavaScript をフッターに配置しましたが、ページを読み込むとナビゲーションが一時的に表示されます。また、css スタイルをすぐに取得する必要があるかどうかを確認するために、上記のメディア クエリをページの先頭に配置してみました。どちらも機能していません。

JavaScript の経験が豊富な方からのご意見をお待ちしております。

4

2 に答える 2

0

最初に、ナビゲーションをに設定し、ナビゲーションを表示display:noneするdisplay:blockメディアクエリのカットオフにする必要があります。

例:

通常のデスクトップ モードの場合: (css ファイルの読み込み<head>セクションの先頭行に配置することをお勧めします)

nav {
    display:none;
}

小さなデバイスで

@media screen and (max-width : 760px) { 

nav {
    display:block;
}

}
于 2013-11-12T16:41:51.277 に答える
0

答えが見つかりました: https://github.com/viljamis/responsive-nav.js/issues/24

上記の問題は、質問によく答えます。

于 2013-12-22T22:43:32.137 に答える