遮罩层第13页

Javascript原生插件开发

varMaskShare=function(){};MaskShare.prototype={};window.MaskShare=MaskShare;}(window,document));举例：点击某个元素，弹出一个遮罩层

@朱较瘦·2020-08-16 17:52

基于jquery框架写的页面提示遮罩层(不重复搬砖)！！！

/***成功提示提示框盒子（底层依赖jq框架动画效果）*@parammsg提示信息*@paramintime淡入时间毫秒*@paramoutime淡出时间毫秒*/functionsuccess_show_box(msg,intime,outime){$("#success_show_box").parent().remove();vardiv=document.createElement("div

秋天大老虎·2020-08-16 11:47

vue 弹出层弹出后禁止底层body滚动

vue弹出层弹出后禁止底层body滚动新建utils/modalHelper.js文件//解决遮罩层滚动穿透问题，分别在遮罩层弹出后和关闭前调用let_scrollTopclassModalHelper

weixin_44204546·2020-08-16 03:35

jquery放大镜非常漂亮噢

//QQ:496928838微凉$(function(){$("#demo").enlarge({//鼠标遮罩层样式shadecolor:"#FFD24D",shadeborder:"#FF8000",

weixin_30781631·2020-08-16 02:37

vue 遮罩层阻止默认滚动事件

针对vue项目中的操作：vue遮罩层阻止默认滚动事件在写移动端页面的时候,弹出遮罩层后，我们仍然可以滚动页面。

zhooson·2020-08-15 22:06

移动端vue项目解决遮罩层滚动穿透问题

当弹框明显小于页面的时候，确保不需要滑动查看内容时，可在最外层的遮盖层添加：@touchmove.prevent2、弹框的内容明显长过屏幕，需要弹框内容滑动，主页页面不滑动（1）在html文件添加如下代码//解决遮罩层滚动穿透问题

三分美七分呆·2020-08-15 21:49

uniapp自定义弹窗组件|仿微信android/ios弹窗效果

uniapp仿微信弹窗|msg信息框|alert对话框|loading提示框uniPop内置多种动画效果、可供选择类型ios/android、可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置、自动关闭秒数、遮罩层透明度及点击遮罩是否关闭如上图

xiaoyan_2018·2020-08-15 20:16

小程序点击遮罩层隐藏点击内容不隐藏

遮罩层会出现当想点击遮罩的暗处时隐藏,可是点击内容也会隐藏,只要在最外层添加标识就可以区分遮罩层和弹出的内容了.

菜柔柔·2020-08-15 20:34

React Native技术篇—创建第二个视图层，自定义Toast弹窗，Loading加载动画，popup弹窗等等

在ReactNative项目视图层上面在创建一个视图层，主要作用代替原生Modal组件实现一些弹窗、遮罩层等组件，并且可以js调用。下面有使用实例。

长腿欧巴~·2020-08-15 20:03

CSS动画实现菜单栏从左边滑出

盗用一下图片吧：实际效果图如下：1，有一个nav的侧边栏，有一个遮罩层，随着侧边栏打开，然后点击遮罩层关闭侧边栏关键代码：1.给slideNav（侧边栏设置如下属性）1.slideNav{2position

weixin_33991418·2020-08-15 20:29

Overlay 遮罩层

img{padding:5px;}#outer{width:100%;height:100%;}.overlay{background-color:#000;opacity:.7;filter:alpha(opacity=70);position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;}.overlayimg{position:a

weixin_30902675·2020-08-15 19:42

利用Openlayers4简单实现地图遮罩效果（一）

(中间带白边的为遮罩层)原理：在原地图上增加一个矢量图层，在图层中添加一个面要素，并对面要素使用半透明的样式。

此爱如少年·2020-08-15 19:41

iOS在UIView遮罩层上截取一块透明区域(新手引导页)

用于设置新手引导页设置方法-(CAShapeLayer*)addTransparencyViewWith:(UIBezierPath*)tempPath{UIBezierPath*path=[UIBezierPathbezierPathWithRect:[UIScreenmainScreen].bounds];[pathappendPath:tempPath];path.usesEvenOddFi

Raymon-lau·2020-08-15 19:47

移动端实现遮罩对话框

其中一个就是遮罩层给他添加透明度即可实现遮罩，另一个就是对话框内容身份验证获取验证码提交 $("#immediately").click(function(){ $("#mask

Stzyz_121314·2020-08-15 19:31

微信小程序----侧滑菜单（Popup----左侧不动，右侧滑动）（MUI侧滑导航）

微信小程序----侧滑菜单（Popup----左侧不动，右侧滑动）（MUI侧滑导航）DEMO下载实现的目标—-YDUI的Popup组件点击列表图标—-左侧的菜单栏显示—-点击关闭按钮或者右侧的遮罩层—-

liNewman·2020-08-15 18:30

vue 自定义popup组件并支持scroll组件

popup组件实现思路首先是模仿vant的popup组件的功能：vant-popup1.popup组件开发与样式编写（一个遮罩层，一个显示层）。2.组件引用（目前是选择的组件导入的方法，没

小关enter·2020-08-15 18:59

vue移动端 popup组件弹窗

是否显示value:{type:Boolean,default:false},//弹窗动画dialogTransition:{type:String,default:"slide-fade"},//点击遮罩层关闭弹窗

长腿欧巴~·2020-08-15 18:44

web页面（小程序）列表滑动事件穿透解决方案

造成问题的场景是一个数据列表页，通过触底上滑加载数据所以我把页面最外层的view加了一个min-height:'100vh'让这个列表可以自动增加高度进行扩容这个列表页有很多筛选条件或者说是筛选项，我做了一个有背景遮罩层的弹出组件

coder_ldl·2020-08-15 10:25

给指定元素加遮罩层（前端）

1、先看效果图（前加遮罩层，黄色字体显示提醒），后去遮罩层后2、代码目标div这里是您的目标div,有自己的子元素和样式functionshowhideoptdiv(divid,optid,ishow)

JIUAI.LTD·2020-08-15 10:31

移动端阻止默认长按选中文本和弹出菜单、点击阴影

css：/*阻止默认长按选中文本*/*{/*ios，如果不行可以加一个透明遮罩层*/-webkit-touch-callout:none;touch-callout:none;/*安卓*/-webkit-user-select

dican4652·2020-08-15 02:46

[shader]纹理遮罩

使用方法shader使用方法，先赋予一个模型设置模版shader,在该位置设置遮罩层号。再给需要的模型赋予比较模版shader。在该位置设置模版比较的号。

carefreeq·2020-08-15 02:41

Vue.extend开发全局组件，可通过js直接调用方法来显示和关闭

Loading,Notify,Message等组件时，这时候就可以使用Vue.extend，extend创建的是一个组件构造器，而不是一个具体的组件实例本文以开发个全局的loading加载组件为例，实现全局的遮罩层

小湾生产队队长·2020-08-14 23:24

关于防止多次请求的一些小操作

目的：在统一封装请求的时候处理，就不用每次请求去处理1.常见的就是防抖函数的使用2.利用样式透明遮罩层盖住不能再次点击，例如axios：在请求前拦截前插入body全屏Div，请求结束无论成功还是失败都把

人间妄想_·2020-08-14 21:13

layui弹层打开之后按空格键出现多层遮罩层问题解决

因为弹层出问题是再弹层刚打开不执行任何操作的时候立马按空格才会有的，所以不必担心在输入框或者文本域打开空格事件之后遮罩层再有问题

韩大璐·2020-08-14 21:52

点击图片弹出轮播图 -- 插件

轮播--点击图片弹出轮播图：实现效果：1.鼠标经过图片改变图片的透明度2.点击图片，弹出遮罩层3.点击遮罩层左右箭头，实现轮播；4.点击遮罩层图片以外的部分，关闭遮罩层html:``css:*{margin

weixin_30652271·2020-08-14 20:05

layer弹出层不居中解决方案，有时仅显示遮罩，没有弹窗解决

还有一种情况是Layer弹出窗口只显示遮罩层，没有显示窗口（IFrame）二、解决方案解决方法一：当页面缺少下面这个声明时，在页面最上面加上声明就能解决问题。本人的页面就是少了这个，加上就正常。

tyf笨小孩·2020-08-14 19:47

layer弹层遮罩挡住窗体

Layer被遮罩覆盖，layer挡住页面层在用layer弹层的时候出现遮罩layui-layer-shade挡住弹层窗体的事情，网上找到的方法都是去找到layui-layer-shade遮罩层然后插入到弹层中去

dong-sir·2020-08-14 18:44

layer弹出层不居中解决方案，仅显示遮罩，没有弹窗

问题：项目中遇到layer问题，因为页面加载的图片多，点击删除是layer询问层的弹窗仅显示遮罩层，并不显示弹窗……原因：图片太多将layer弹窗挤出屏幕下方，看不见了……解决方案：让layer的弹出层居中显示一

飞奔的蜗牛2017·2020-08-14 17:55

layui ： layer.open加载窗体时出现遮罩层

layer.open加载窗体时出现遮罩层把窗体方法独立出来放在layer.use([],function(){});外面，需要的时候从layer.use方法里面调用，就不会出现遮罩层layer.use(

TrayLei·2020-08-14 16:28

ios下弹出框fixed定位时候input光标错位

解决方法2：弹出框单独做一个页面，只有遮罩层内容，点击隐藏后跳回到刚刚那个页面即可（用keep-alive可以控制先前的位置）解决方法3：弹出框时页

Hong Jet·2020-08-14 07:11

移动端弹窗垂直居中的几种方法

遮罩层：width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.6);z-index:100;1、显示层：width

半夏ing·2020-08-14 06:03

移动端由于软键盘导致页面布局错乱的解决方案

变量声明player_id_name(弹出软键盘的input标签、id标签) iframe-cz(遮罩层元素里的弹窗div、class标签)-------------------------------

陈澍i·2020-08-14 02:21

移动端筛选栏局部滑动，遮罩层等不滚动

列表筛选栏要求是遮罩层出现时候筛选列表右侧有三个切换列表可以滚动，其他部分不可以试了很多方法，最后的解决方法是滚动列表父盒子固定高度，添加属性overflow-y:scroll出现时：document.body.style.position

中平签·2020-08-13 22:50

完美解决VUX的popup组件滑动穿透的问题

具体实现如下:弹出popup组件//遮罩层//这里注意下，要把popup组件的遮罩显示设置为false弹出框内容import{Popup}from'vux'exportdefault{data(){ret

weixin_30292745·2020-08-13 20:07

当fixed遇到ios，页面滑动遮不住下面内容时

在修改移动端的一个需求时遇到这样的一个问题，遮罩层用的是position:fixed;pc上移动模式测试正常，andriod测试正常，当用iphone5下的safari浏览器测试时，出现滑动时，浏览器的地址栏变小

weixin_30268921·2020-08-13 20:34

jQueryMobile在开发中的知识总结

.ui-dialog .ui-content, .ui-dialog .ui-footer { max-width: 500px; margin: 10% auto 15px auto; }对话框背景遮罩层显示

chouyi6875·2020-08-13 13:41

swift 自定义蒙层相机

直接上效果自定义相机这个就没得说了集成的AVFoundation百度都有直接说蒙层吧//绘制遮罩层funcdrawCoverView(){letview=UIView(frame:self.view.bounds

丶夜未央·2020-08-11 19:40

mpvue小程序动态弹窗组件、遮罩层组件、实现点击屏蔽、拿走即用

先上效果图吧这里用到两个组件，mask遮罩和activeModel组件mask属性属性名描述top控制遮罩层距离顶部的距离noclickhide是否屏蔽点击事件（boolean）mask事件事件名描述onHideHander

weixin_39853639·2020-08-11 19:53

如何解决移动端击穿（穿透）问题

在移动端开发的时候，我们有时候会遇到这样一个bug：点击关闭遮罩层的时候，遮罩层下面的带有点击的元素也会被触发，给人一种击穿了页面的感觉，这是为什么呢？

沈志勇说·2020-08-10 21:29

微信小程序商品详情页底部弹出框

当点击对话框外部的时候，对话框可以消失)//点击我显示底部弹出框clickme:function(){this.showModal();},//显示对话框showModal:function(){//显示遮罩层

如影随行-暖风·2020-08-10 19:44

UGUI 用图片遮罩

在UGUI或者Sprite中，有图片作为遮罩层的情况，但是因为使用了SpriteAtlas，会造成取得的遮罩的uv是错误的。所以我们需要得到正确的uv。

冰河烈风·2020-08-10 15:44

android自定义View 可上拉关闭的锁屏页

上代码：/***作者：dlson2016/9/2611:05*邮箱：[email protected]*版本：1.0.0*上拉遮罩层View应用场景手机锁屏上拉解除锁屏*/p

白完江·2020-08-10 00:39

MyTool_Static.CameraMove用于相机移动

staticpublicclassCameraMove{...}1.Obstacle_crossing射线检测：障碍穿越//////射线检测：障碍穿越//////射线发射原点///射线发射向量///二次延伸长度///遮罩层

闪电Y黑客·2020-08-10 00:22

微信小程序之modal弹出框遮罩层组件——可带文本框

modal弹出框遮罩层可实现提示信息、验证码等功能然而在官方文档已经删除了modal的页面，说要废弃modal就个人而言modal组件无法被wx.showModal完全替代。

BadmintonCode·2020-08-09 16:48

移动端弹出框组件－ Dialog

弹出框的类型type:'loading',//文字信息content:null,//延迟多长时间关闭,默认3s后关闭delay:null,//延迟关闭时，回调函数delayCallback:null,//遮罩层透明度

快乐的小小编·2020-08-09 13:02

Android开发中第三方炫酷的控件

GuideViewGuideView是一个遮罩式的导航页，能够快速为任何一个View创建一个遮罩层，支持单个页面，多个引导提示，支持为高亮区域设置不同的图形，支持引导动画，方便扩展。

西伯利亚鹰·2020-08-09 12:47

解决vue 退出动画无效的问题

写个简单的结构：mask"v-show="warning">请登录.mask是遮罩层，.warning-modal是显示模态框的内容。如果像上面的结构，会遇到我上述的问题。

·2020-08-09 11:02

vue.js判断ifreame是否加载完成

VUE加载iframe完成项目中做详情页，用到了iframe引入界面，进入页面会有加载，体验不好；加了个遮罩层，但需要判断iframe加载事件iframe自带load方法，在iframe加载完成后执行直接上代码

loongqiao·2020-08-09 09:51

【vue】vuex+axios+element-ui实现页面请求loading

前言我们在平常写项目的时候，发请求的时候肯定会习惯用一个loading遮罩层来防止用户在没拿到数据之前误操作如果是页面同时只发送一个请求，那么无论是在组件中或者是在axios插件中进行请求和响应拦截都可以做到但是

不想写代码的码农·2020-08-09 09:05

Jquery 加载等待遮罩层插件

/***弹出遮罩的waitbar*loadMsg:加载的消息字符串*waitCls:waitbar的样式(可选参数)*/$.fn.showWaitbar=function(loadMsg,waitCls){varwrap=$(this);if(!waitCls)waitCls="thick";$("").css({display:"block",width:wrap.width(),height:

热血萌宠·2020-08-09 06:51

推荐频道

遮罩层