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