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 });

它工作正常，但 mask 仅位于我网站的可见部分，当我向下滚动时，没有 mask 。有人可以告诉我这个问题的解决方案吗？

Answer 1

使用position:fixed使其在滚动时可用。

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