老生常谈遮罩层滚动条的问题【javascript】

web前端|js教程老生常谈遮罩层滚动条的问题【javascript】

遮罩层,滚动条

web前端-js教程

今天遇到的问题是，在弹出层后面的遮罩层，因为有滚动条，导致滚动条下面不可视区域没有遮罩层，解决方式是加的css。

asp商城源码完整版,vscode运行速度慢,ubuntu下护眼,tomcat修改web项目,豆瓣API爬虫,php数值转字符串,陕西seo关键词如何优化lzw

js代码

百度竞价网站源码,vscode与服务器,ubuntu免安装,用tomcat发布东西,爬虫数据提取,Php5.6.15安装,零基础学习seo 引流,高中题库网站源代码php,克米模板使用教程lzw

 //显示灰色JS遮罩层 function showBg(ct,content){ var bH=$(document).height(); var bW=$("body").width()+16; var objWH=getObjWh(ct); $("#fullbg").css({width:bW,height: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 sl=document.documentElement.scrollLeft;//滚动条距左边的距离 var ch=document.documentElement.clientHeight;//屏幕的高度 var cw=document.documentElement.clientWidth;//屏幕的宽度 var objH=$("#"+obj).height();//浮动对象的高度 var objW=$("#"+obj).width();//浮动对象的宽度var objT=Number(st)+(Number(ch)-Number(objH))/2; var objL=Number(sl)+(Number(cw)-Number(objW))/2; return objT+"|"+objL; } function resetBg(){ var fullbg=$("#fullbg").css("display"); if(fullbg=="block"){ var bH2=$("body").height(); var bW2=$("body").width()+16; $("#fullbg").css({width:bW2,height:bH2}); var objV=getObjWh("dialog"); var tbT=objV.split("|")[0]+"px"; var tbL=objV.split("|")[1]+"px"; $("#dialog").css({top:tbT,left:tbL}); } } //关闭灰色JS遮罩层和操作窗口function closeBg(){ $("#fullbg").css("display","none"); $("#dialog").css("display","none");}

css代码

qq消息自动发送源码,ubuntu 缺共享库,爬虫公园介绍视频,php 连接其它php文件,展会seo技术lzw

#fullbg{ background-color: Gray; display:none; z-index:3; left:0px; opacity:0.5; top:0; left:0;height:100%; width:100%; z-index:999; position:fixed; _position:absolute; _left: expression_r(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); _top: expression_r(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);filter:Alpha(Opacity=30); opacity: 0.3; } #dialog { width:560px; background:#eee; display: none; z-index: 5; padding:16px;font-size:12px;z-index:1000; position:absolute;}#dialog sup{ color:#f00;}#dialog .close0{ position:relative; top:-24px; left:544px; height:38px; width:40px;}

html代码


   
 个人信息
(备注：以下信息我们只用于根据需要给您发送相关服务材料，不会对外泄密，敬请理解)
               ^*用户ID         {$member.MEMBER_NAME}         ^*真实姓名         {$info.NAMES}         性别         echo $gender[$info['GENDER']];        
               ^*手机号码         {$info.TELEPHONE}         电子邮箱         {$member.EMAIL}        
               ^*有效证件（身份证）         {$info.IDS}        
               通讯地址         {$info.ADDRESS}         邮编         {$info.ZIPS}

静下心来，循序渐进。

暂无相关文章

^*用户ID	{$member.MEMBER_NAME}	^*真实姓名	{$info.NAMES}	性别	echo $gender[$info['GENDER']];
^*手机号码	{$info.TELEPHONE}	电子邮箱	{$member.EMAIL}
^*有效证件（身份证）		{$info.IDS}
通讯地址	{$info.ADDRESS}			邮编	{$info.ZIPS}