移动端和PC端弹出遮罩层后,页面禁止滚动的解决方法及探究
PC端解决方案 pc端的解决思路就是在弹出遮罩层的时候取消已经存在的滚动条，达到无法滚动的效果。 也就是说给body添加overflow：hidden属性即可，IE6、7下不会生效，需要给html增加overflow:hidden属性。 要制作这个效果在PC端非常简单，只需要设置 ...
原文：移动端和PC端页面常用的弹出层
我们在页面的时候，很多时候用到了弹出层，消息提醒，确认框等等，统一样式的弹出框可以使页面更加优美。在此，我整理一下我们项目的移动端和PC端页面常用的弹出层。 一 移动端 我们需在页面引入弹出框的样式和js lt link href STATIC weui.css rel stylesheet type text css gt lt script type text javascript src ...
2017-12-21 11:05 2 10560 推荐指数：
相关推荐
如何判断页面是在移动端还是PC端打开的呢
function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMesseng ...
pc端页面在移动端显示问题
1、pc端页面在移动端显示，默认视口宽度是980px（也就是body宽度是980px），可通过meta标签设置为需要的尺寸，比如页面中元素最大宽度是1220px，则如下所示 <meta name="viewport" content="width=1220"> 2、如果不想让页面 ...
如何判断页面是由移动端还是PC端打开的
如何判断页面是由移动端还是PC端打开呢，也就是说怎么判断访问设备的类型呢？ 1.媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。 2.通过user-agent值，来进行判断。使用javascript框架中的Navigator对象的userAgent属性。 ...
弹出页面遮罩层，以及web端和移动端阻止遮罩层的滑动。
最近项目遇到了遮罩层的一些问题，总结一下： 弹出遮罩层 遮罩层弹出有非常多的方法，这里只写出本人用的代码，使用jq操作dom的方法进行实现的。 #bg为透明度为0.6的一个遮罩页面，.box为遮罩层上的按钮。 有了触发遮罩的行为后，设置遮罩 ...
pc端页面在移动端显示问题
pc移动端适配 1、pc端页面在移动端显示，默认视口宽度是980px（也就是body宽度是980px），可通过meta标签设置为需要的尺寸，比如页面中元素最大宽度是1220px，则如下所示 <meta name="viewport" content="width ...
移动端弹出层背景禁止滚动
发页面上某个元素或者达到某个条件时，页面弹出模态框的场景应该是很常见的了，特别是在屏幕较小的移动端，例如下面这种： 对于这个效果，之前一直都没怎么在意探究过，因为觉得应该没什么好弄的，直到，我接到了一个包含此效果的需求之后，我才知道什么叫眼高手低，还是太年轻。 body ...
layer弹出层移动端组件
...