0

Zurb Foundation UI フレームワークを使用してサイトを構築しています。デスクトップとモバイルの両方の訪問者に対して機能するように、トップレベルのナビゲーション リンクをどのように扱うかを考えています。

編集: ここに例があります: http://meowzen.com/zurb-nav/

セクション 1 <-- 訪問者を「セクション」ページに誘導する必要があります

-- サブセクション 1 <-- 訪問者を「サブセクション」ページに誘導する必要があります

-- サブセクション 2 <-- 同上

- 等

上記のリンクの例では、すべてのリンクが大画面で期待どおりに機能することがわかります。ただし、(ウィンドウのサイズを変更するか、モバイル デバイスでページを表示することによって) レスポンシブ ナビゲーションが開始されると、メニューから「セクション」ページにアクセスできなくなります。

誰かがこの問題に立ち向かったことがありますか? これについてどうすればよいかについて何か提案はありますか?

よろしくお願いします!

編集:ここに私が現時点で持っているいくつかのオプションがあります:

オプション 1: モバイル ナビゲーションの最上位の「セクション」のみを表示します。例は次のとおりです: プロジェクション。ピクサー。コム。<- 私はこれに傾いています!

オプション 2: セクション名をリンク可能にする - ここに実際の例があるので可能だと思います: emerilsrestaurants コム。

オプション 3: サブセクション レベルでセクション ページのダミー メニュー項目を挿入します。

4

1 に答える 1

0

上記のリンクの例では、すべてのリンクが大画面で期待どおりに機能することがわかります。ただし、(ウィンドウのサイズを変更するか、モバイル デバイスでページを表示することによって) レスポンシブ ナビゲーションが開始されると、メニューから「セクション」ページにアクセスできなくなります。

あなたを正しく理解しているかどうかはわかりませんが、あなたの例は期待どおりに機能しています。小さいビューポート (「モバイル」ビュー) の場合、メニューはドロップダウン コンポーネントに隠されています。メニューをドロップダウンすると、サブメニュー項目はクリックしてもナビゲートできます。

ここに画像の説明を入力

于 2013-02-05T17:51:49.147 に答える