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