遮罩层出现后怎么样将上一层变为固定滚动不影响遮罩层
 <a class="footer-text-a" id="onclick" data-toggle="modal" data-target="#myModal" style="cursor:pointer;">法律声明</a> <span class="line">|</span> <a class="footer-text-a"  data-toggle="modal" id="onclick" data-target="#myModal" style="cursor:pointer;">隐私条款</a> </div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="overflow-y: auto;width:100%">
        <div class="modal-dialog" role="document">
            <div class="modal-content" style="margin-top:20%;">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel" style="text-align:center">声明与条款</h4>
                </div>
                <div class="modal-body" style="overflow:auto;height:500px">
                    <p>
                        itake承诺在提供产品和服务时保护用户的个人隐私。我们将按照此条款来处理您向我们提供的个人信息,并致力于对用户隐私权利的保护。
                        <br />
                        1. 您可在遵守本条款, 条件和限制的前提下建立一个账号通过网络服务访问本网站并进行相关操作。您对此账号的一切行为负责,包括可能是经由您允许使用您账号的其他人。<br />
                        2. itake将以下列方式使用您的个人信息。<br />
                        用户名和密码。使您能够登录网站,访问您的个人信息和网站上受保护的内容。 <br />
                        用户信息。包括姓名、联系方法、电子邮件信箱等。我们将根据您的需求利用这些信息为您提供个性化服务。 <br />
                        电子邮件。用于提出和响应各种问题和请求。还可用来发布有关itake及其产品和服务的信息。也可使我们了解如何改进我们的产品、服务和站点。 <br />
                        3. 我们保护您所提供的个人信息。访问这些个人信息的权限仅限于需要进行此类访问以完成其工作的人员。除非法律或政府强制,我们不会向第三方公开上述信息。 <br />
                        4. 您可以随时查看和更改有关您的任何信息,如姓名、地址、电话号码或电子邮件信箱等,以确保您个人信息的准确性。其他人无权修改或删除您发布的信息,但您将账户、密码透露他人,或由于黑客攻击、计算机病毒等影响网络正常运营之不可抗力而造成的个人资料丢失,盗用或纂改等情况除外。<br />
                        <br /><br />

                        网站声明<br />
                        第一条:本网站所刊载的所有信息资料、图片及图表仅供参考。
                        <br />
                        第二条:投资者依据本网站提供的信息进行经营活动所造成的盈亏与本网站无关。<br />
                        第三条:本网站对发布的信息享有发布和使用权,未经本网站同意,任何人不得擅自复制、使用、转载或将其提供给第三方使用。<br />
                        第四条:用户同意提供及时、详尽及准确的个人资料,如果用户提供的资料包含有不正确的信息,本网站保留结束用户使用网络服务资格的权利。本网站按照《客户数据安全保密条款》对用户信息保密。除非因法律要求或利害关系人同意,否则在未经用户同意的情况下,绝对不会将用户资料以任何方式泄露给任何第三方。由于用户将个人密码告知他人或与他人共享注册帐户,由此导致的任何个人资料泄露,本网站不负任何责任。<br />
                        第五条:任何由于计算机黑客攻击、计算机病毒侵入、硬件设施损坏、因政府管制而造成的暂时性关闭等影响网络正常经营的不可抗力而造成的个人资料泄露、丢失、被盗用或被篡改等,本网站不负任何责任。 <br />
                        第六条:本网站如因线路、硬件故障、系统维护、系统升级或其它不可抗力而导致暂停服务,于暂停服务期间造成的一切不便与损失,本网站不负任何责任。 <br />
                        第七条:本声明未涉及的问题参见国家有关法律法规,当声明与国家法律法规冲突时,以国家法律法规为准。 <br />
                        第八条:凡以任何方式登录本网站或直接、间接使用本网站资料者,视为自愿接受本网站声明的约束。<br />
                        第九条:本网站可能包含由第三方网站予以维护的链接或参考资料。这些链接仅用于为用户提供方便。其中一些信息和报价由我方合作伙伴独立提供。本网站不对链接网站的内容负责。<br />
                        第十条:本网站的声明以及其修改权、更新权属常州原摄网络科技有限公司。<br />
                        第十一条:本声明的发布日期为:2016年10月。<br />
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>
<script>

           var string = document.getElementById("myModal").style.display;
           $(function () {
               if (string == "block") {
                   $('body').css({
                       overflow: "hidden",
                   });
               }
               else {
                   $('body').css({
                       overflow: "auto",
                   });
               }
           })
   </script>

1个回答

你加上遮罩后,焦点还在里面那层?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
遮罩层屏幕禁止滚动
禁止滚动: $("body").css({ "overflow-x":"hidden", "overflow-y":"hidden" }); 启用: $("body").css({ "overflow-x":"auto", "overflow-y":"auto" }); 全屏的遮罩层函数: function MB(text,time)
遮罩层禁止滚动
移动端经常遇到弹出层,为了凸显弹出层会加一个遮罩层 例如下图 遮罩层的样式 &amp;lt;div class=&quot;mask&quot;&amp;gt;&amp;lt;/div&amp;gt; .mask{ width:100vw; height:100%; background-color:rgba(0,0,0,0.5); position: fixed; top:0; left:0; display:non...
禁止遮罩层下屏幕滚动
&amp;lt;!doctype html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot; /&amp;gt; &amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1,minimum-scale=1,maxi
H5遮罩层(不会滚动)
遮罩层的 position设为 fixed 最外层盒子要设置高度 height 和 隐藏滚动条 overflow-x: hidden; &amp;lt;div id=&quot;aa&quot;&amp;gt; &amp;lt;div class=&quot;list&quot;&amp;gt; &amp;lt;div class=&quot;aaa&quot; v-for=&quot;(item, idx) in arr&quot; :key=&quot;idx&quot;&amp;gt;
在遮罩层里面相应出现遮罩层怎么写
写出一个遮罩层,如何相应一个onclick时间出现另外一个遮罩层rt
遮罩层
遮罩层
移动端遮罩层后方滚动处理
最近做项目,有一个一键分享的弹窗功能。 分享按钮以遮罩的形式布满整个屏幕,我采取position:absolute,四个方向的大小为0,做了个遮罩,但是发现时间会冒泡到底层的去,导致在遮罩上滑动屏幕也会使下层的body滚动起来。 想到的解决方法是阻止时间冒泡,所以在touchstart的时候,阻止了默认事件,但是导致遮罩上所有的点击事件不可用了。 说明我们事件阻止的位置不对,需要将点
点击遮罩层的背景关闭遮罩层
在模仿华为官方网页的练习当中我发现华为官网中有一个遮罩层是随便点击遮罩层的背景也能关闭掉遮罩层,但唯独点击内容区域不会关闭掉遮罩层。于是我开始模仿这个写案例,连内容也一模一样(因为这个练习就是要写出和华为关一样的效果或则比它更好的效果),一开始我是这样子写的(图1)rn[img=https://img-bbs.csdn.net/upload/201901/16/1547641114_657533.png][/img]rn 图1rn class=Select_Region_bj 我给了一个灰色半透明的背景样式,后来在Javascript中写onclick事件无论这么写,点击内容区也是会关闭掉遮罩层。rn 我百思不得其解到底怎么样写才能点击内容区不会关闭遮罩层,后来下课期间我看见我同学他写的带能点击内容区不会关闭遮罩层。我问他你是这么写的,他告诉我:“把他们分离就可以的了。”我思考了一会,脑补:分离?怎么分离?补着补着补着就补出了背景和内容区分离。分离写(图2)rn[img=https://img-bbs.csdn.net/upload/201901/16/1547641163_217193.png][/img]rn 图2rn 把背景层和内容区分开来写,不要在背景层中包裹内容,这样子点击内容区就不会关闭掉遮罩层了!
填加遮罩层,自定义遮罩层
//填加遮罩层 Printpictures为遮罩层上方要显示的div function ZZC(){ var oDiv=document.getElementById('Printpictures'); var ele=oDiv; var opacity=opacity || 0.2; // 默认设为0.2 ...
重写picker 遮罩层 动态效果遮罩层
view class="dialog {{ showDialog ? 'dialog_show' : '' }}"> view class="dialog_mask" bindtap="onClickdiaView" /> view class="dialog_container"> view class='title-courses'> text>请选择课程tex
点击提交按钮后,显示遮罩层,处理完毕后,关闭遮罩层
在程序a.jsp中点击提交按钮,弹出窗口 b.jsp(即a.jsp和b.jsp不在同一个页面,b.jsp用来对提交后的数据进行处理)。rn由于b.jsp处理时间较长,会显示很长时间的空白页面。rn我想在b.jsp中增加遮罩层,提示正在处理,等处理后显示正确的结果。rn不知道如何实现?
弹出遮罩层,body不滚动,点击遮罩层非内容区域关闭遮罩层
一 .弹出遮罩层时,控制页面不再滚动,需要给body设置position:fixed;height:100%;overflow-y:hidden;关闭遮罩层后,去掉上述属性即可。二 .另外,手机端还可以通过禁止移动端触屏滑动来解决弹出遮罩层,阻止页面滑动的问题$('body').bind(&quot;touchmove&quot;,function(e){e.preventDefault();});关闭遮罩层后,解除...
制作遮罩层(鼠标移入遮罩层出现,移除隐藏)
//由中间向周围渐渐出现 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt;     &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt;     &amp;lt;title&amp;gt;transition由小变大&amp;lt;/title&amp;gt;     &amp;lt;style&amp;gt;         *{p
点击图片出现放大遮罩层
单击图片可以把图片放大 遮罩层的效果 很漂亮哦 纯js的代码
简单遮罩层
style type="text/css">         .mask {                   position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;                 z-index: 1002; left: 0px;                 opac
Loading 遮罩层
Loading 遮罩层
jquery遮罩层
JS实现遮罩层 适合使用在保存 查询 修改 删除等 当点击提交按钮后会锁定页面 并提示相应的问题 如:正在保存 等 保存完成后调用关闭方法或刷新页面即可关闭遮罩层 添加到项目中体验会有所提升 使用非常简单 祝需要调用JS的显示和关闭方法即可 无需引入任何CSS文件 将样式等都已经封装到JS中方便管理 使用jquery做为支持 兼容性好 放心使用 @软盟 http: www ruanally com">JS实现遮罩层 适合使用在保存 查询 修改 删除等 当点击提交按钮后会锁定页面 并提示相应的问题 如:正在保存 等 保存完成后调用关闭方法或刷新页面即可关闭遮罩层 添加到项目中体验会有所提升 使用非常简 [更多]
jquery-Hover遮罩层
多种类型的遮罩层显示,包括源代码、显示实例
图片遮罩层
图片遮罩层,
关于遮罩层的。。。。
我写了一个遮罩层,div中放了一个iframe ,iframe中是一个jsp,现在jsp中有一个按钮要关闭此遮罩层,求解答!
页面遮罩层
//删除页面遮罩层 function deleteMaskLayer() { $(&quot;#bgDiv,#loadingDiv&quot;).remove(); } //添加页面遮罩层 /// function addMaskLayer() { initialize(); //为页面添加遮罩 document.onreadystatechange = subSomething; //监...
JS 遮罩层
不太明白,留着有用。 zindex决定了各个层的先后顺序,这个很重要。 var zindex=100; function zhegai(){ var ss=document.getElementById(&quot;zhegai&quot;); if(isempty(ss)) var backDiv =document.createElement('div'); else re...
遮罩层 困惑
[color=#FF0000] var docEle = function()rn rn return document.getElementById(arguments[0]) || false;rn rn这是什么意思rn[/color]rnrn[code=JScript]rn rnrnrn 弹出层rnrnrn[/code]
JQUERY 遮罩层
NULL 博文链接:https://domocafe.iteye.com/blog/1260764
遮罩层代码
1.  目的 : 直接复制来用, 加快工作效率 &amp;lt;div class=&quot;cover&quot;&amp;gt;&amp;lt;/div&amp;gt; .cover{ position:fixed; /*注意使用fixed , absolute如果页面超出屏幕下面的遮不住, 害羞 */ left:0px; top:0px; background:rgb...
css遮罩层及遮罩层gif图片居中
遮罩层css代码: .xy-backdrop{ display: none; position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.3); } 图片居中: .xy-backdrop im
网页遮罩层
一个非常简便的网页遮罩层,利用jQuery对象进行处理调用。 开发人员可直接调用封装的js函数进行不同对象(div,table,form...)的遮罩层显示以及隐藏(非常简便)。 资源程序进行了html控件,asp.net控件,关联UpdatePanel的asp.net控件的遮罩层调用并处理完成后隐藏。 资源中还包含了60+款的Loading动画。
iOS 遮罩层
在平时的开发中经常会用到遮罩层,类似于你在点击退出的时候屏幕上只能点击的有“确定”和“取消”,而后面有一层黑色的视图,点击没有任何响应。黑色的视图就是一个遮罩层(我叫它遮罩层)。这个可以用来做退出按钮,做网络加载是的视图。废话不多说,下面是我写的一个关于遮罩层的应用,先看效果,然后在贴代码 代码如下: 首先我在故事板中创建了一个点击按钮,然后将按钮拖到ViewControlle
微信遮罩层
1.编写js.  $(function(){  function is_weixin() {    var ua = navigator.userAgent.toLowerCase();    console.log(ua);    if (ua.match(/MicroMessenger/i) == "micromessenger") {        return true;  
BUI之遮罩层
BUI遮罩层
遮罩层 js+css
css+js 部分区域高亮可编辑的遮罩层
jquery 遮罩层
鼠标经过图片从右下角出现一个白色三角遮罩层,并显示图片标题内容
JQuery 遮罩层
一款好用的JS遮罩层工具,可在页面加载时调用,页面加载完成后显示
遮罩层的实现
使用js实现遮罩层 #1: { position:absolute; z-index: 1000; height:100%; width:100%; } #up{ background:yellow; position:absolute; z-index: 1000; height:50%; width:50%; top:25%; left:20%; paddin
相关热词 c#检测非法字符 c#双屏截图 c#中怎么关闭线程 c# 显示服务器上的图片 api嵌入窗口 c# c# 控制网页 c# encrypt c#微信网页版登录 c# login 居中 c# 考试软件