O problema que encontrei hoje é que a camada de máscara por trás da camada pop-up possui uma barra de rolagem, para que não haja camada de máscara na área invisível sob a barra de rolagem. A solução é adicionar CSS.
Código JS
<script type = "text/javascript"> // Mostra a função cinza da camada de máscara JS Showbg (ct, content) {var bh = $ (document) .Height (); var bw = $ ("corpo"). width ()+16; var objwh = getObjwh (CT); $ ("#Fullbg"). CSS ({Width: BW, Altura: BH, Display: "Block"}); var tbt = objwh.split ("|") [0]+"px"; var tbl = objwh.split ("|") [1]+"px"; $ ("#diálogo"). show (); $ ("#"+ct) .css ({top: tbt, esquerda: tbl, display: "block"}); $ (janela) .scroll (function () {resetBg ()}); $ (janela) .Resize (function () {resetbg ()}); } função getObjwh (obj) {var sT = document.documentElement.Scrolltop; // Distância da barra de rolagem até a parte superior var sl = document.documentElement.ScrollLeft; // Distance da barra de rolagem para o Var CH = Document.DocumentEment.oclientHeement; var objh = $ ("#"+obj) .Height (); // A altura do objeto flutuante var objw = $ ("#"+obj) .width (); // a largura do objeto flutuante var objt = número (st)+(número (ch) -number (objh))/2; var objl = número (sl)+(número (cw) -Number (objw))/2; retornar objt+"|"+objl; } função resetbg () {var fullbg = $ ("#fullbg"). css ("display"); if (fullbg == "bloco") {var bh2 = $ ("corpo"). Height (); var bw2 = $ ("corpo"). width ()+16; $ ("#FullBG"). CSS ({Width: BW2, altura: BH2}); var objv = getObjwh ("diálogo"); var tbt = objv.split ("|") [0]+"px"; var tbl = objv.split ("|") [1]+"px"; $ ("#diálogo"). css ({top: tbt, esquerda: tbl}); }} // Feche a camada de máscara JS cinza e a função da janela de operação Closebg () {$ ("#Fullbg"). CSS ("Display", "None"); $ ("#diálogo"). CSS ("Display", "Nenhum");} </script>Código CSS
#fullbg {Background-Color: Gray; Exibir: Nenhum; Z-Index: 3; Esquerda: 0px; Opacidade: 0,5; topo: 0; Esquerda: 0; Altura: 100%; largura: 100%; Z-Index: 999; Posição: fixado; _Position: absoluto; _left: expressão_r (documentElement.ScrollLeft + documentElement.clientWidth - this.offsetWidth); _top: expressão_r (documentElement.Scrolltop + documentElement.clientHeight - this.offsetHeight); filtro: alfa (opacidade = 30); Opacidade: 0,3; } #dialog {width: 560px; Antecedentes: #eee; Exibir: Nenhum; Index z: 5; preenchimento: 16px; tamanho da fonte: 12px; Z-índice: 1000; Posição: Absolute;}#diálogo sup {color:#f00;}#diálogo .close0 {position: relativo; topo: -24px; Esquerda: 544px; Altura: 38px; Largura: 40px;}Código HTML
<div id id = "fullbg"> </div> <!-End JS Mask Layer-> <!-diálogo-> <div id = "diálogo"> <div> <a href = "#" onclick = "closebg (); Informações </h3> <p> (Nota: as seguintes informações são usadas apenas para enviar materiais de serviço relevantes conforme necessário e não vazarão informações. Por favor, entenda) </p> <tabela CellPacing = "1" CellPadding = "0"> <tr> <td BgColor = "eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee"> bgcolor="#fbfbfb"><b>{$member.MEMBER_NAME}</b></td> <td bgcolor="#eeeeee"><sup>*</sup>Real name</td> <td bgcolor="#fbfbfb"><b>{$info.NAMES}</b></td> <td bgcolor = "#eeeeeeee"> gênero </td> <td bgcolor = "#fbfbfb"> <b> <fp> echo $ gênero [$ info ['gênero']; </php> </b> </td> </tr> <t> <td bgcolor = "#</td> </tr> <t> <td bgcolor ="#</td> </tr> <t> <td bgcolor = " <td bgcolor="#fbfbfb"><b>{$info.TELEPHONE}</b></td> <td bgcolor="#eeeeee">Email</td> <td colspan="3" bgcolor="#fbfbfb"><b>{$member.EMAIL}</b></td> </tr> <tr> <td colspan = "2" bgcolor = "#eeeeeeee"> <pup>*</pup> ID válido (cartão de identificação) </td> <td colspan = "4" bgcolor = "#fbfbfb"> <b> {$ info.ids} </b> </td> </td> </td> </td> </td> </td> bgcolor = "#eeeeee"> endereço de correspondência </td> <td colspan = "3" bgcolor = "#fbfbfb"> <b> {$ info.address} </b> </td> <td bgcolor = "#eeeee"> zip code </td> bgcolor = "#fbfbfb"> <b> {$ info.zips} </b> </td> </tr> </ table> </div> </div>Acalme -se e prossiga passo a passo.
O artigo acima é um clichê sobre a questão da barra de rolagem da camada de máscara. Este é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.