老生常谈遮罩层滚动条的问题.docxVIP

老生常谈遮罩层滚动条的问题 小编遇到的问题是在弹出层后面的遮罩层，因为有滚 动条，导致滚动条下面不可视区域没有遮罩层。下面就为 大家介绍一下解决方法 今天遇到的问题是，在弹出层后面的遮罩层，因为有 滚动条，导致滚动条下面不可视区域没有遮罩层，解决方 式是加的CSSo j S代码 It; scripttype 二〃 text/javascript/zg t; nbsp; //显示灰色JS遮罩层nbsp; functionshow Bg (ct, conte nt) { varbH =$ (document )? height () ; nbsp; varb W=$ (body). width ()+16 ; nbsp; var objWH=getOb jWh(ct) ;nbs p; $(〃#ful lbg〃).css({ width:bW, he ight:bH, dis play:block 〃}) :nbsp: vartbT=objW H. split (〃 | 〃)[0]+〃px〃 ;n bsp; vartb L=objWH. spl it (〃 | 〃)[l]+〃px〃 ;nbsp; $ (〃#dialog〃)? show(); $(〃#〃+ct).cs s({top:tbT, 1eft:tbL, di splay:〃bloc k〃}):nbsp; $ (window). scroll (func tion () {rese tBg()}) ; nbs p; $ (windo w). resize (f unction () {r esetBg ()}) ; nbsp; }nbsp; functiong etObjWh(obj ) {nbsp; va rst二documen t. documentE lement. scro llTop;//滚 动条距顶部的距离nbsp; varsl=doc ument. docum entElement. scrollLeft;//滚 动条距左边的距离nbsp; varc h=document? documentEle ment? client Height;// 屏幕的高度nbsp; v arcw=docume nt. document Element? cli entWidth;// 屏幕的宽度nbsp; varobjH=$ ( #+obj). he ight () ;//浮动对象的高度 nbsp; varobjW二$ C#+obj). wi dth() ;//浮动对象的宽度 varob jT=Number (s t) + (Number ( ch)-Number ( objH))/2;nb sp; varobj L二Number (si ) + (Number (c w)-Number (o bjW))/2;nbs p; returno b jT+〃 | 〃+ob j L; nbsp; }nbs p; functio nresetBg() {nbsp: varf ullbg=$ (/z#f ullbg/z)? css (display) ;nbsp; if (fullbg—zzbl ockz/) {nbsp; varbH2=$ (〃body〃). hei ght () ; nbsp; varbW2=$ (body). wid th () +16; nbs p; $ lbg/z). css ({width: bW2, h eight: bH2}) ; nbsp; var objV=getObj Wh (dialog) ; nbsp; va rt bT=obj V. s pl it (〃 | 〃)[0 ]+〃px〃 ;nbsp ; vartbL二o bjV. split (〃 | 〃)[l]+〃px〃;nbsp; $(〃#dialog〃). c ss ({top: tbT , left: tbL}) ;nbsp; }nbsp ; }nbsp; //关闭灰色JS遮罩层和操作窗口 function closeBgO {n bsp; $ (〃#f ullbg/z). css (display, 〃none〃);nbs p; $ (〃#dia log). css (display, one〃); }nbsp ; It;/script gt; css代码 #fu llbg{nbsp; background -color: Gray ; nbsp; displ ay:none;nbs p; z-index:3 :nbsp; left:0px;nbsp; opacity:0.5 ;top:0;left :0;height:l 00%;width:l 00%;z-index olute;_left