スマホサイトで使える!横から出てくるメニューの作成方法【sidr】 2015.11.02 2018.09.27 レスポンシブWebデザイン スマートフォン時に横から出てくるメニューを設置する方法 はじめに 今回はスマートフォンでの表示時に横から出てくるメニューの設置方法についてご説明します。 以下のデモサイトを667px以下のブラウザサイズでご覧いただきます。 デモサイト このように「ニョキ」っと出てくるメニューです。 目次 1.使用するツール 2.導入方法 3.既にid等を決めている場合 1.使用するツール 今回は「sidr(シドル)」というツールを使用します。 ⅰ)ダウンロード sidrはjQueryのプラグインとして提供されています。上記公式サイトから必要なファイルをダウンロードしましょう。 “Dounload”をクリックします。 ⅱ)設置 「sidr-package」内にあるjsフ
![スマホサイトで使える!横から出てくるメニューの作成方法【sidr】 - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e45bf76e0efd23af38a01bc4b7e68b85bfe334d3/height=288;version=1;width=512/https%3A%2F%2Fwww.aiship.jp%2Fknowhow%2Fwp-content%2Fuploads%2F2015%2F10%2Fsidr1.png)