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

.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;
}

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

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