내가 오늘 발생한 문제는 팝업 레이어 뒤의 마스크 레이어에 스크롤 막대가 있으므로 스크롤 막대 아래의 보이지 않는 영역에 마스크 레이어가 없다는 것입니다. 해결책은 CSS를 추가하는 것입니다.
JS 코드
<script type = "text/javaScript"> // show show grey js 마스크 레이어 함수 showbg (ct, content) {var bh = $ (document) .Height (); var bw = $ ( "body"). width ()+16; var objwh = getobjwh (ct); $ ( "#fullbg"). css ({너비 : bw, 높이 : bh, display : "block"}); var tbt = objwh.split ( "|") [0]+"px"; var tbl = objwh.split ( "|") [1]+"px"; $ ( "#dialog"). show (); $ ( "#"+ct) .css ({top : tbt, left : tbl, display : "block"}); $ (window) .scroll (function () {resetbg ()}); $ (window) .resize (function () {resetbg ()}); } function getObjwh (obj) {var st = document.documentElement.scrolltop; // 스크롤 막대의 최상위 var var var sl = documentElement.scrollleft; // 왼쪽 var var var var var var var var var var var var cw =//the the the the the the the the the the the the the the the the the the the the screen.documentelement.documenteLement. Screen var objh = $ ( "#"+obj) .Height (); // 부동 물체의 높이 var var objw = $ ( "#"+obj) .width (); // 부동 개체 var objt = number (st)+(number (ch)-number (objh))/2; var objl = number (sl)+(숫자 (cw)-number (objw))/2; 반환 objt+"|"+objl; } function resetbg () {var fullbg = $ ( "#fullbg"). css ( "display"); if (fullbg == "block") {var bh2 = $ ( "body"). height (); var bw2 = $ ( "body"). width ()+16; $ ( "#fullbg"). css ({너비 : bw2, 높이 : bh2}); var objv = getobjwh ( "대화"); var tbt = objv.split ( "|") [0]+"px"; var tbl = objv.split ( "|") [1]+"px"; $ ( "#대화"). css ({top : tbt, left : tbl}); }} // 회색 JS 마스크 레이어 및 작동 창 함수 CloseBg () {$ ( "#fullBg"). CSS ( "display", "none"); $ ( "#대화"). css ( "display", "none");} </script>CSS 코드
#fullbg {배경색 : 회색; 디스플레이 : 없음; Z- 인덱스 : 3; 왼쪽 : 0px; 불투명도 : 0.5; 상단 : 0; 왼쪽 : 0; 높이 : 100%; 너비 : 100%; Z- 인덱스 : 999; 위치 : 고정; _position : 절대; _left : expression_r (documentElement.scrollleft + documentElement.clientWidth- this.OffSetWidth); _top : expression_r (DocumentElement.scrolltop + documentElement.clientHeight- this.offSetheight); 필터 : 알파 (exacity = 30); 불투명도 : 0.3; } #dialog {너비 : 560px; 배경 : #eee; 디스플레이 : 없음; Z- 인덱스 : 5; 패딩 : 16px; font-size : 12px; z-index : 1000; 위치 : 절대;}#대화 상자 sup {color :#f00;}#대화 .close0 {위치 : 상대; 상단 : -24px; 왼쪽 : 544px; 높이 : 38px; 너비 : 40px;}HTML 코드
<div id = "fullbg"> </div> <!-엔드 JS 마스크 레이어-> <!-<! <div id = "div id ="div id = "대화"> <div> a href = "#"onclick = "closebg ();"> <img src = "__ img __/close.png"/> </div> <divog_ id = "dialog_content"> information </h3> <p> (참고 : 다음 정보는 필요에 따라 관련 서비스 자료를 보내는 데만 사용되며 정보가 누출되지 않습니다. 이해하십시오. </p> <테이블 셀 캡싱 = "1"CellPadding = "0"> <tr> <td bgcolor = "#eeeee"> <sup>*</td> <td bgcolor = "#fbfbfb"> <b> {$ member.member_name} </b> </td> <td bgcolor = "#eeeee"> <sup>*</sup> 실제 이름 </td> <td bgcolor = "#fbfbfb"> {bgcolor = "#fbfbf"> bgcolor = "#eeeeeee"> gender </td> <td bgcolor = "#fbfbfb"> <b> <php> echo $ gender [$ info [ 'gender']]; </pp> </b> </td> </tr> <tr> <td bgcolor = "#fbfbfb"> <b> {$ info.telephone} </b> </td> <td bgcolor = "#eeeee"> email </td> <td colspan = "3"bgcolor = "#fbfbfb"> {$ 멤버 <tr> <td colspan = "2"bgcolor = "#eeeeeee"> <sup>*</sup> 유효한 ID (id card) </td> <td colspan = "4"bgcolor = "#fbfbfb"> <b> {$ info.ids} </td> <tr> <td> <td. bgcolor = "#eeeeee"> 메일 링 주소 </td> <td colspan = "3"bgcolor = "#fbfbfb"> <b> {$ info.address} </b> </td> <td bgcolor = "#eeeee"> zip 코드 </td> <td bgcolor = "#fbfbfb"> <b> {$ info.zips} </b> </td> </tr> </table> </div> </div>진정하고 단계별로 진행하십시오.
위의 기사는 마스크 레이어 스크롤 막대의 문제에 대한 진부한 것입니다. 이것은 내가 당신과 공유하는 모든 콘텐츠입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.