jQuery・実務で必要な12項目をクリアしたレスポンシブドロワーメニューを作りました [IE11以上]
2017/07/29 余計なCSSを削除し、jQueryの見直しを行いました。 2017/01/29 Mac OS・Safari限定でスクロール不可に。Mac版Safariはクソブラウザ化しているので放置。 ※iOS、Androidは問題なし。 2015/10/16 発火後にリンクへ飛んでしまうバグを修正 2015年9月時点における、ドロワーメニューの実務要件を考えた。 Android 4.1 で動作するPCのクリック / スマホのタップ、両方に対応スマホアプリのように滑らかにスライドスマホでタップすると、一瞬で開閉するオーバーレイをクリックで戻る閉じるボタンも設置トリガーボタンを複数設置可オープン時、ドロワーメニュー部分のみスクロール ※コンテンツ側のスクロール無効ドロワーメニューの横幅をCSSで変更可 ※レスポンシブviewport に余計なコードを追加しない意味不明なHTML/CSS
![jQuery・実務で必要な12項目をクリアしたレスポンシブドロワーメニューを作りました [IE11以上]](https://cdn-ak-scissors.b.st-hatena.com/image/square/70ed47a51176ee01a65443ac18c45363990ced39/height=288;version=1;width=512/https%3A%2F%2Fkeitahirai.net%2Fwp-content%2Fuploads%2F2015%2F09%2F0.jpg)
jQuery・タッチデバイスでも滑らかなスムーススクロールを作りました [IE8対応]
2016/07/08 jQuery 2.2 対応に修正しました。 デモを見るクライアントから「スマホでスムーススクロールがカクつくの、何とかなりません？」とご要望を頂いたため、Velocity.js を利用して作成。 検証済みブラウザとOSIE 8～FirefoxGoogle ChromeSafariWindows 7OS X YosemiteiOS 8Android 4.1 要点とコードよくあるコードを、Velocity.js 用に書き換えただけページトップは、a グではなく id 指定にしている <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <script src="//cdn.jsdelivr.net/velocity/1.2.2/velocity.min.js">
![jQuery・タッチデバイスでも滑らかなスムーススクロールを作りました [IE8対応]](https://cdn-ak-scissors.b.st-hatena.com/image/square/4b2c40497170176c979d009a49350a39b74ea0cd/height=288;version=1;width=512/https%3A%2F%2Fkeitahirai.net%2Fwp-content%2Fuploads%2F2015%2F08%2F150822_000.jpg)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
