老生常談遮罩層滾動條的問題

《老生常談遮罩層滾動條的問題》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、老生常談遮罩層滾動條的問題小編遇到的問題是在彈出層后面的遮罩層，因為有滾動條，導致滾動條下面不可視區(qū)域沒有遮罩層。下面就為大家介紹一下解決方法今天遇到的問題是，在彈出層后面的遮罩層，因為有滾動條，導致滾動條下面不可視區(qū)域沒有遮罩層，解決方式是加的CSSojS代碼It;scripttype二〃text/javascript/zgt;nbsp;//顯示灰色JS遮罩層nbsp;functionshowBg(ct,content){varbH=$(document)?height();nbsp;varbW=$("body").wid

2、th()+16;nbsp;varobjWH=getObjWh(ct);nbsp;$(〃#fullbg〃).css({width:bW,height:bH,display:"block〃}):nbsp:vartbT=objWH.split(〃

3、〃)[0]+〃px〃;nbsp;vartbL=objWH.split(〃

4、〃)[l]+〃px〃;nbsp;$(〃#dialog〃)?show();$(〃#〃+ct).css({top:tbT,1eft:tbL,display:〃block〃}):nbsp;$(window).scroll

5、(function(){resetBg()});nbsp;$(window).resize(function(){resetBg()});nbsp;}nbsp;functiongetObjWh(obj){nbsp;varst二document.documentElement.scrollTop;//滾動條距頂部的距離nbsp;varsl=document.documentElement.scrollLeft;//滾動條距左邊的距離nbsp;varch=document?documentElement?clientHeight

6、;//屏幕的高度nbsp;varcw=document.documentElement?clientWidth;//屏幕的寬度nbsp;varobjH=$("#"+obj).height();//浮動對象的高度nbsp;varobjW二$C#"+obj).width();//浮動對象的寬度varobjT=Number(st)+(Number(ch)-Number(objH))/2;nbsp;varobjL二Number(si)+(Number(cw)-Number(objW))/2;nbsp;returnobjT+〃

7、〃+o

8、bjL;nbsp;}nbsp;functionresetBg(){nbsp:varfullbg=$(/z#fullbg/z)?css("display");nbsp;if(fullbg—zzblockz/){nbsp;varbH2=$(〃body〃).height();nbsp;varbW2=$("body").width()+16;nbsp;$lbg/z).css({width:bW2,height:bH2});nbsp;varobjV=getObjWh("dialog");nbsp;vartbT=objV.split(〃

9、

10、〃)[0]+〃px〃;nbsp;vartbL二objV.split(〃

11、〃)[l]+〃px〃;nbsp;$(〃#dialog〃).css({top:tbT,left:tbL});nbsp;}nbsp;}nbsp;//關(guān)閉灰色JS遮罩層和操作窗口functioncloseBgO{nbsp;$(〃#fullbg/z).css("display",〃none〃);nbsp;$(〃#dialog").css("display",one〃);}nbsp;It;/scriptgt;css代碼#fullbg{nbsp;backgroun

12、d-color:Gray;nbsp;display:none;nbsp;z-index:3:nbsp;left:0px;nbsp;opacity:0.5;top:0;left:0;height:l00%;width:l00%;z-indexolute;_leftollLeft+docsetWidth)scrollTop+d:999;positi:expressionumentElementop:expressocumentElemon:fixed;_p_r(documentt.dientWidion_r(document.c

13、lientHosition:absElement?scrth-this.offentElement.eight—this.offsetHeight);filter:Alpha(Opacity=30);nbsp;opacity:0?3;nbsp;}nbsp;#dialog{nbsp;widt