シンクグラフィカ札幌

お知らせ

ResponsiveNav.jsを公開

2013-11-22

スマホサイトによくある横からシャーッと出てくるスライドナビゲーションを簡単に後付実装するためのスクリプトです。

よくあるじゃないですか、スマホサイトやスマホアプリに横からヌメッと出てくるナビゲーション。アレを比較的簡単にかつレスポンシブWebデザインに干渉しないように実装するためのスクリプトです。ややこしいね。

特定クラス名のnav要素からaタグを収集してそれをまとめたスライドナビゲーションをbodyに突っ込んで、トグルスイッチも突っ込んで、スイッチ押されたら出す!みたいなスクリプトです。CSS3のTransitionを使うことでアニメーションを実現しているため、Javascript自体は設定項目がありません。

PCサイトやスマートフォンサイトで形を変えてそのまま利用する想定で書いたので、まぁそんなに出来は悪くないんじゃないかなぁと思います。使う機会があれば使ってみてね。

参考リンク ResponsiveNav.js

メールフォームプロ Dropbox対応(有償)のお知らせ ResponsiveTab.jsを公開
新規コメント出力エリア

エラーメッセージ出力