通過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有沒有mask.Can有人告訴我這個解決方案？

Answer 1

使用position:fixed使其在滾動時可用。

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