js遮罩弹窗

在项目中，经常会用到一种效果就是，点击网页中某个元素时，可以弹出一个图层，这个图层无论是否有滚动条，还是滚动条是否滚动都要保持在当前窗口的正中央，同时在这个窗口的下面有一个遮罩层，使用户不能点击这个元素下面的元素。

具体代码如下：

css如下：

[css]  view plain copy

1. <style type="text/css">  
2.     #btn1{  
3.         position:fixed;  
4.         right:0;  
5.         bottom:0;  
6.     }  
7.     #div1{  
8.         width:300px;  
9.         height:100px;  
10.         background-color:red;  
11.         position:absolute;  
12.         display:none;  
13.         left:0;