Heim > Artikel > Web-Frontend > CSS的在安卓手机上做遮罩层的问题_html/css_WEB-ITnose
我的大体框架
是一个 主的DIV,宽高100%,位置fixed,z-index:很大很大
然后一个显示的div,垂直居中.位置fixed。
但是这个能用了,在PC的浏览器看到是正常的,被遮罩的元素不能被点击,也不能被滚动...
但是放到手机里面,虽然被遮罩的元素不能被点击了, 为什么还是能被滚动的,意思就是页面太长的时候,还是可以滑动到下面去的。但是我看easyui的对话框是不能滑动的
这个怎么处理啊
loadingshow: function (msg) { if (!msg) { msg = "加载中..."; } var jContext = $('body'); var jLoad = $("#appLoading"); var msgDIV = new Array(); msgDIV.push('<div id="appLoading" style="position:fixed;width:100%;height:100%; font-size:18px;background:rgba(0,0,0,0.5);top:0;left:0;z-index:555555">'); msgDIV.push("<div id='lContext'><img src='/App_Themes/Default/images/ajax-loader.gif' style="max-width:90%" / alt="CSS的在安卓手机上做遮罩层的问题_html/css_WEB-ITnose" ><span id='sInfo' style='margin-left:8px;display:inline-block'>" + msg + "</span>"); msgDIV.push('</div></div>'); jLoad = $(msgDIV.join('')).appendTo(jContext); var left = jContext.width() / 2 - jLoad.find('#sInfo').width() / 2 - 20; var top = jContext.height() / 2 - jLoad.find('#sInfo').height() / 2; jLoad.find("#lContext").css({ position: 'fixed', top: top, left: left, color: 'white', padding: '10px', margin: '10px'}); $("#appLoading").show();//有问题请删除 },
遮罩层像素请用百分比
遮罩层像素请用百分比
弹出遮罩层时,限制主体高度至不会出现滚动条,如果没有透明效果的话甚至可以将主体隐藏
取消 touchmove 事件