• popup

  • ポップアップに関する説明です。
  • popup

popupはpopup本体、popupを立ち上げるトリガーで構成されています。
サンプルはpopup内に4つの st-body を用意して違うタイプのpopupに見せています。それぞれの st-body を呼び出すのはトリガーに付与された js-tpl* で判定させています。(以後、これをテンプレートと呼びます。テンプレートは複数設置できます)

popupの表示はabsoluteとfixedの2種類があります。
fixedの場合は、トリガーとなるhtmlソースのクラス名 js-popup-open is-fixed を付与してください。

※absoluteとfixedの違いはページをスクロールさせると分かります。
※popup本体はページ下部に配置させておいてください。