javascript - jqueryでモーダルウィンドウを作る

Question

ウェブサイト全体でマスク（モーダル）を作成しようとしていますが、このために試しました：

CSS

 #mask 
{
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}

js

   $('body').append(' <div id="mask"></div> ');
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();

    $('#mask').css({ 'width': maskWidth, 'height': maskHeight, top: 0, opacity: 1 });

それは正常に動作しますが、マスクがない場合、マスクは私のウェブサイトの表示部分にのみ表示されscrolls downます。

Answer 1

position:fixedスクロール時に使用できるようにするために使用します。

#mask 
{
  position:fixed;
  z-index:9000;
  background-color:#000;
  display:none;
}