Wikipedia Mobile のようなスライドメニューを簡単に作る - ゆたんぶろぐ

Wikipedia を iPhone で見ると、左上にメニューボタンがあって、それをタップすると左からメニューが表示される、まぁよくあるタイプですが、簡単に実装しましょう。 開閉の制御は jQuery、アニメーションはヒマなんで CSS3 でやりましょう。 HTML <nav> <a href="#">link</a> <a href="#">link</a> <a href="#">link</a> </nav> <div id="content"> <button id="btn_menu">menu</button> </div> Sass nav { width: 200px; min-height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background: rgb(180, 180, 180); a {d

[mu4log]

いいね！