サンプル

左からパネルが登場

Overlay Reveal Push

右からパネルが登場

Overlay Reveal Push

スクロールしないように固定位置で表示させる

fixed

左: Reveal

Revealはページが横に避けて後ろに隠れていたパネルが登場する

閉じる

左: Push

Pushはメインのコンテンツを押し出すようにパネルが入ってくる

閉じる

左: Overlay

Overlayコンテンツの上にパネルが覆い被さって登場する

閉じる

右: Reveal

Revealはページが横に避けて後ろに隠れていたパネルが登場する

閉じる

右: Push

Pushはメインのコンテンツを押し出すようにパネルが入ってくる

閉じる

右: Overlay

Overlayコンテンツの上にパネルが覆い被さって登場する

閉じる

固定

data-position-fixed="true"を設定するとパネルエリアが固定表示されるようになる。

閉じる