首页 > 移动平台 > 详细

移动端遮罩层,放在页面最上面,并且不能滚动

时间:2017-06-20 10:39:52      阅读:217      评论:0      收藏:0      [点我收藏+]

点击弹出遮罩层,需要规定到页面最上面,并且不让其滚动;

点击添加一个类:

.maskstyle{
    width:100%;
    height:100%;
    position:fixed;
    overflow:hidden;
}
.mask{
    diaplay:none;
    poaition:acsolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background:rgba(0,0,0,.3);
    z-index:2;
}

js控制显示隐藏

显示:
    $(".mask").show();
    $("html,body").addClass("maskstyle");
    

隐藏:
    $(".mask").hide();
    $("html,body").removeClass("maskstyle");

 

移动端遮罩层,放在页面最上面,并且不能滚动

原文:http://www.cnblogs.com/lengyue0030/p/7052839.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!