ボタンをタップしたらポップアップを表示させたいので実装方法を調べた。
やったこと
モーダル表示用のdiv
をbody
タグにいれる+不要になったら捨てる。
<div id="modal-view" class="modal-background">
<div class="modal"/>
</div>
- modal-backgroundクラスは背景として設定。
- modalクラスをポップアップぽくCSSを設定する。
- 背景、ポップアップは参考サイトの設定を見てなんとなく。
不要になったら以下で捨てる。
var view = document.getElementById('modal-view');
document.body.removeChild(view);