簡単な応答式サイトナビゲーションを構築します.私たちの解決策はページの内容を強調するのに役立ちます.モバイルデバイスを設計する時の重さの中の重さと言えます.JavaScriptには触れません.Mobile First方法で解決します.
何がモバイルナビゲーションですか?
Luke Wroblewskiの『Mobile First』を読んだら、彼の陳述を熟知します.
通常、コンテンツはモバイルデバイス上のナビゲーションより優先される.
彼の意味は、モバイルユーザーは常にリアルタイムの答えを探しているということです.彼らは彼らが検索したい内容が欲しいです.より多くのナビゲーションオプションではありません.
多くのサイト、または応答局は、任意の指定されたページの上部に属するナビゲーションの約束に従う.この方法は、モバイルユーザが通常2つのことが欠けているので、モバイルデバイス上で利用可能性の問題を引き起こすかもしれない.スクリーン空間と時間.メインのナビゲーションがページの上部にあると、スクリーン全体を覆う可能性が高いです.
大規模なタッチメニューのリンクは、この問題をさらに激化させ、ユーザーをナビゲーションの外にスクロールさせ、価値のあるコンテンツを取得する.
London＆Partnersを例にとって:
完璧な応答式設計ですが、標準的な可動式のビューサイズ(320ピクセルx 480ピクセル)の下で、本当に見ているのはナビゲーションメニューだけです.もちろん、トップページに着いたばかりです.他の内容も見たいですか?これを証明したのはロンドン＆パートナーだけではない.ネット上の多くの応答式デザインでこのようなやり方が見られます.
では、どんな解決策がありますか?
私たちはもういくつかの解決方法を見ました.通常はjQueryによって問題を解決してくれます.Chris Coyierの「五つの簡単な手順」応答式プルダウンメニューについて説明してください.
jQueryを使って
です.