ピュアJavaScriptでモーダル

モーダルのオプション設定

• create.modalInner

  モーダルに必要な要素を自動・手動どちらで行うか
  ※このプレビューでは [auto] 固定です

  auto manual (not create)

• create.normalBtn

  モーダルの下端のボタンを自動・手動で生成または生成しない
  ※このプレビューでは [manual] は選べません ※このプレビューはスライド対応のため
  ボタンを生成する必要があります
  『create.floatBtn』が [(not create)] なので
  こちらは強制で [auto] になります

  auto manual (not create)

• create.floatBtn

  モーダルのフロートボタンを自動・手動で生成または生成しない
  ※このプレビューでは [manual] は選べません ※このプレビューはスライド対応のため
  ボタンを生成する必要があります
  『create.normalBtn』が [(not create)] なので
  こちらは強制で [auto] になります

  auto manual (not create)

• slide.use

  スライド機能を付与するか否か
  ※このプレビューでは [true] 固定です

  true false

• slide.loop

  スライド切り替えをループさせるか否か

  true false

• scroll.scrollBar

  モーダルの高さがブラウザの高さを超える場合に
  スクロールバーを表示する位置を指定する

  inside outside

• scroll.addFunction

  モーダルを開いた状態でのスクロールに対する追加機能の選択
  [] or 存在しない：何も追加しない
  [stopBodyScroll]：スクロールを停止する
  [closeBodyScroll]：スクロールするとモーダルを閉じる ※ [scroll.scrollBar] が [outside] の場合は [closeBodyScroll] を選べません

  (not add) stopBodyScroll closeBodyScroll