场景：当要弹出一个fixed的对话框(就是一个弹出框),同时给背景添加一个遮罩层，当操作完后想点击遮罩层关闭整个弹出框条件1：fixed的遮罩层是动态创建的，使用click事件监听不到条件2：在遮罩的下面有链接或是不能点击的元素(或有操作或有链接跳转等) 针对条件1，使用jQuery的on来监听整个 ...
分类：
移动开发 时间：
2016-09-14 14:03:48
阅读次数：
195
最近帮朋友做个东西，整个屏幕有一个遮罩层，但是这个遮罩层能滑动，于是百度了一下，返现，用 $('body').bind("touchmove",function(e){ e.preventDefault(); }); 这句话，就能阻止遮罩层的滑动，使得屏幕固定，但是当遮罩层消失的时候，这个屏幕依旧不 ...
分类：
Web程序 时间：
2016-09-12 20:22:33
阅读次数：
150
今天在做移动端项目的时候遇到遮罩层效果，按照以往的PC端我直接给同级遮罩层100% 给完之后测试看似完美但。。。 这就尴尬了。。。。 之后查阅了相关资料得知这里有个方法可以解决这个问题那就是“禁止全局滚动” 里面用的touch事件可参考 HTML5移动端触摸事件 看看我是如何解决的。 这样就完美解决 ...
分类：
移动开发 时间：
2016-09-08 20:12:51
阅读次数：
205
var ruleTxt = $(".wanfan .rule .rule-txt");var ruleTxtBottom = $(".wanfan .rule .rule-txt .rule-txt-bottom");var flag = '';$(".wanfan .rule .rule-btn" ...
分类：
移动开发 时间：
2016-09-08 14:24:07
阅读次数：
208
<!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title>jquery遮罩层效果</title> <link rel="stylesheet" type="text/css" href="css/demo.css"> <script ty ...
分类：
其他好文 时间：
2016-09-01 21:17:11
阅读次数：
183
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>遮罩层加登录窗</title> <style type="text/css"> #wrap{width: 60px;height: 30px; position: absolu ...
分类：
其他好文 时间：
2016-08-30 21:22:50
阅读次数：
169
相信大家在做移动端开发的时候会经常遇到这种场景，需要适时的弹出遮罩（有时为了突出还会在外面加上蒙层），弹窗出现以后，为了追求良好的用户体验，遮罩以下的屏幕是禁止滑动的。在网上找了很多资料，大体就这两种做法，但都有不完善的地方。加上自己的思考和总结，想到一个办法，应该可以解决你的问题。 a）大众型 一 ...
分类：
其他好文 时间：
2016-08-29 22:31:00
阅读次数：
205
常常在我们的网页中需要倒计时来触发一些函数，例如遮罩等，在本项目中，通过使用jquery，bootstrap，实现了显示系统当前时间，并且实现了倒计时的功能，倒计时实现后将会弹出模态框（遮罩层）。模态框界面友好，使用灵活，以弹出对话框的形式出现。具体见下图1： 项目源文件地址：https://git ...
分类：
Web程序 时间：
2016-08-29 19:17:05
阅读次数：
299
1.解决方法 给弹层加个高度height:100%;然后overflow-y:auto; .choseareaWrap { position: fixed; top: 0; width:100%; height:100%; overflow:auto; z-index:9999; backgroun ...
分类：
其他好文 时间：
2016-08-17 11:52:13
阅读次数：
121
