页面控件

在控件与页面之件加上一个全屏div，当打开控件时，将div显示阴影，

<div id="mbDIV" style="display: none;"></div>

 

在js中将mainDiv创建好之后

<div id=/"mainDiv/"  style=/"top: 30%;left: 40%; OVERFLOW-X:auto;OVERFLOW:scroll; position: absolute;width: 200px;height: 40%;background-color: #edf3ff;z-index: 20;/" align=/"center/">

 

以为页面可能不止一页，需要将mbdiv和maindiv的位置 根据scroll动态调整

document.getElementById("mbDIV").style.width=document.body.scrollWidth+"px";
document.getElementById("mbDIV").style.height=document.body.scrollHeight+"px";
document.getElementById("mainDiv").style.top = document.body.scrollTop+document.body.clientHeight*0.3+"px";