qq_22920429
qq_22920429
采纳率33.3%
2016-10-17 09:02 浏览 1.9k

遮罩层出现后怎么样将上一层变为固定滚动不影响遮罩层

 <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条回答 默认 最新

  • u010018421 effiu 2016-10-17 16:00

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

    点赞 评论 复制链接分享

相关推荐