パネルウィジェットデモページ

ヘッダーのメニューボタンをクリックすると、コンテンツが右にスライドし左から隠れていたメニューが現れます。

パネルの固定

「data-position-fixed="true"」を指定しているため、ページをスクロールしてもパネルは動きません。

閉じるボタンの設置

アンカーリンクに「data-rel="close"」を指定した閉じるボタンを設置しています。

閉じる動作の無効化

「data-dismissible="false"」と「data-swipe-close="false"」を指定しているため、パネル外のタップやスワイプではパネルを閉じることができません。