CSS的在安卓手机上做遮罩层的问题_html/css_WEB-ITnose

程序员文章站 2022-06-05 14:49:14

...

我的大体框架

是一个主的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('');            msgDIV.push("
" + msg + "");            msgDIV.push('
');            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 事件

相关标签： CSS的在安卓手机上做遮罩层的问题

上一篇： php程序调用时间出现的时间和日期和当时的时间不相符合DE解决方法

下一篇：按天去除重复数据,为0则取0,否则取最大的那个值_MySQL