Pull Down for Navigation デモ

>Pull Down for Navigationのサンプルです。PCでアクセスした時は普通のナビゲーションですが、iPhoneなどでアクセスすると、ナビゲーションをヘッダに隠します。

実際は隠す、という形ではありません。もともと2タイプのナビゲーションがロードされており、Media Queriesで表示を隠します。

あとはjQueryを使用して、スマフォでアクセスした際にナビゲーションが隠れるように工夫してあります。いいアイデアですね。

している施工はとても単純で、480px以下の解像度でアクセスすると、モバイル用のナビ用に高さを設定します。詳しくは記事にて。