遮罩层

菜鸟【原生js】：点击页面空白区域，实现窗口关闭

网上实现这个效果，有使用阻止冒泡或者使用遮罩层的，这里就不细说，但我菜，有时候我看不懂，所以自己写了一个方法，有更好的方法，欢迎指导。
自己瞎琢磨·2023-08-01 14:47

uniApp禁止遮罩弹窗下的页面滚动

研究了网上的解决办法在遮罩层的最外层的view元素中加入@touchmove.stop.prevent="moveHandle"或@catchtouchmove="moveHandle"亲有效，但不太理想
牧码岛·2023-07-31 20:28

HTML实现遮罩层的方法 HTML中如何使用遮罩层

Web页面中使用遮罩层，可防止重复操作，提示loading；也可以模拟弹出模态窗口。实现思路：一个DIV作为遮罩层，一个DIV显示loading动态GIF图片。
同学小江·2023-07-30 00:13

【ElementUI】dialog弹窗出现闪屏问题解决办法

原因是：当一个弹窗关闭之后另一个弹窗可能还没打开，这个中间的空格期就是会出现遮罩层也就是我们说的闪烁情
别拿曾经看以后~·2023-07-27 00:14

Element中使用dialog实现下一步出现闪屏现象解决方法

dialog实现，如果每一步的弹窗都用一个dialog的话，那么在点击“下一步”，两个dialog弹窗切换的时候会出现闪屏现象，这是因为前一个dialog关闭，新dialog打开有一段时间间隙，会有明显的遮罩层切换效果
三千枯桐·2023-07-26 18:47

jQuery前端网页特效大全

http://ini.iteye.com/blog/2165698tml5飘落的雪花堆积动画特效jQuery简洁大方的登录页面模板HTML5模仿逼真地球自转jQuery跳转底部代码jquery遮罩层的一种方式
LIXG425·2023-07-26 16:44

cocosCreator 之 节点组件事件

针对透点使用的主要接口是BlockInputEvents，比如经常用到的页面半透明遮罩层，我们可以：创建一个2
FlyingBird~·2023-07-26 10:21

微信小程序 遮罩层 demo

0,0,0,.9);position:fixed;top:55px;left:0;width:100%;height:100vh;}Page({data:{mask:false,//input搜索框聚焦时遮罩层
__只是为了好玩__·2023-07-25 15:04

移动端 遮罩层 点击传穿透

点级遮罩层的事件里设置html.bodyoverflow:hidden;同时获当前scolltop关闭遮罩层同时移除这个样式设置scollTop恢复之前的位置
正函数　·2023-07-25 08:31

(css)原生html实现遮罩层弹窗

(css)原生html实现遮罩层弹窗效果：html...css样式：.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color
nyf_unknown·2023-07-24 16:03

Vue 常用指令 显示切换 v-show

比如广告，或者遮罩层。v-show后面的值一般是定义在vue实例当中的数据，这样就不是写死固定了。
富士康质检员张全蛋·2023-07-24 14:56

Android 对话框（Dialog）取出黑色遮罩层

dialog.getWindow().setDimAmount(0f);//核心代码解决了无法去除遮罩问题
读懂人生·2023-07-24 05:17

Vant源码解析(四)----Popup弹出层，详解样式方法

这是引用的组件这是组件的遮罩层这是内容盒子这个组件的js逻辑不复杂，就是一个显示隐藏，复杂的是样式问题。这个弹出层，可以从上下左右，中间这几个方向弹出来；能显示关闭按钮；以及圆角弹窗样式。之前的文章已
彧子吱吱吱吱·2023-07-23 05:49

vant-weapp的Popup 弹出层中close-on-click-overlay属性失效问题

点击遮罩层后调用该事件。所以我们只需把这个绑定事件删除即可改为
求饶机器·2023-07-23 05:19

css给图片弄遮罩

1.想实现的效果2.实现方法你可以在styles.css文件中添加以下CSS代码来为.mask_container元素添加遮罩层：.mask_container{display:inline-block
倘若没有炬火,我便是唯一的光·2023-07-20 23:56

vue：封装垂直方向滚动渐变遮罩层组件

需求描述系统中经常会有需要垂直滚动的页面，滚动容器的上下边一般都是“实”的，会将滚动内容清晰截断；如果在容器上下增加一段和背景同色的渐变遮罩层，那么滚动内容将产生一种“渐入渐出”的效果，对比如下：实现要点
某只杂鱼·2023-07-20 08:54

商城后台bug修改

Modal禁用遮罩层关闭--:mask-closable="false"Table添加边框线--border
曹锦花·2023-07-20 00:36

element-UI 弹出组件的遮罩层在弹出层dialog模态框的上面 解决方法

关于element里Dialog对话框组件遇到的问题element-UI弹出组件的遮罩层在弹出层dialog模态框的上面造成的原因：因为dialog的组件外层div设置了position：absolute
肖邦的交响乐·2023-07-19 07:04

设计模式 ~ 单例模式

单例模式单例模式是一种设计模式，指在确保一个类只有一个实例，并提供一个全局访问点来访问该实例；前端对于单例模式不常用，但是单例的思想无处不在；创建之后缓存以便继续使用；如：弹窗、遮罩层、登录框、vuexredux
DGogoing·2023-07-18 04:41

《设计模式》 - 1. 单例模式( Singleton )

说明:这篇文章通过一个简单的创建Mask的需求,一步步优化代码中,循序渐进,通俗易懂地讲解了单例的产生以及运用,加上了一些个人理解.假定需求:在点击按钮需要弹出一个遮罩层的时.
Yu______________·2023-07-17 23:21

基于jQuery的弹窗小插件

基于jQuery的弹窗小插件/**background:遮罩层背景色*title:弹窗标题*msg:弹窗内容*width:弹窗宽度*height:弹窗高度*img:弹窗背景图*btnArr:按钮数组（最多两个
Avicli·2023-07-16 22:16

vue 下拉框显示从后端请求的数据

data中定义变量exportdefault{name:"Product",dicts:['article_status','apply_square_publish'],data(){return{//遮罩层
taiguolaotu·2023-07-15 03:53

vue+Element 设置头部固定，并解决遮罩层显示问题

但是我发现我改完之后，在头部可以触发的dialog显示有问题，会被遮罩层挡住。如图：这可能是因为头部固定后，改变了z-index，然后对应的显示有问题，解决办法：在触
ChangYan.·2023-07-14 06:12

Qt 遮罩层，等待后台处理动画效果

当后台需要大量处理数据，前台要显示等待界面时，这个就很有用。完全挡住界面上的内容，后面有半透明遮挡层，不能点击操作后面界面，用户不能自己取消等待界面，防止误操作。并且窗口大小变化时，自动适应界面变化，不阻塞窗口移动和放大缩小，非模态的。不是C#里面那种窗口截图的烂效果，真遮罩，真背景半透明。需要配合多线程使用，前台显示等待界面，后台线程处理数据，当处理完毕，通过信号槽发消息通知前台取消等待状态。补
XINGTECODE·2023-07-13 20:33

jssip+webrtc+freeswitch实现电话网页及遇到的488状态码问题

jssip.net/download/releases/网上的许多demo无法使用，下面是从网上找得demo后，做了更改的前端代码（亲测可用）：JsSIP+WebRTC+freeSWITCH-->/*遮罩层
weixin_39715323·2023-06-22 22:37

去除 element-ui 中 Dialog 对话框遮罩层的方法

在使用element-ui的Dialog时，默认会有遮罩层，想要去除遮罩层，官方文档给出了modal属性；modal是一个布尔值，表示是否需要遮罩层；然而，将modal赋值为false时并不生效；这里官方文档也给出了提示
爱划水de鲸鱼哥～·2023-06-21 21:50

python实现刮刮乐（遮罩层也是图片）

python实现刮刮乐（遮罩层也是图片）python实现刮刮乐效果，与普通刮刮乐有些不同，被刮掉的遮罩层是图片，当其被刮掉后，露下面的图片。在游戏循环中，监听鼠标移动事件，来模拟刮开效果。
软件开发技术爱好者·2023-06-17 01:37

写一个HTML弹窗

新创建一个html页面，放弹窗内容，使用$.modal.open()方法弹窗打开，弹窗写在当前页面，当页面比例缩放时遮罩层受影响。
何小凡·2023-06-16 03:07

Axure实现遮罩效果

很多时候我们在编辑视频的时候经常需要用到遮罩的效果，一般制作遮罩动画，就是指一个遮罩层同时遮罩多个被遮罩层的遮罩动画。通常在制作时，系统只默认遮罩层下的一个图层为被遮罩层。
暮雨烟尘12·2023-06-15 05:21

vue 时间组件传递时间到params中

data(){return{registerTime:null,//增加这两行authenticationTime:null,//增加这两行//遮罩层loading:true,//选中数组ids:[],
taiguolaotu·2023-06-12 15:55

vue中点击按钮跳转到el-table的某个标识位置所在行

然后在按钮方法里获取id所在行的dom的高度,使用scrollTop方法=id所在行的dom的高度-容器本身的高度先获取el-table的数据//父组件获取点击日历的当天数据getHistoryDatas(){//开启遮罩层
前端程序媛Ying·2023-06-09 22:17

uni-popup 遮罩层事件穿透的问题

根据uniapp官方文档用了page-meta，这个属性，但是如果滑动遮罩层依然会出现滑动的现象，所以解决方法是在uni-popup里面加上style=“touch-action:none”，来阻止遮罩层滚动
阿强的博客·2023-06-09 19:42

html点击出现表单弹窗

最后附上全部源码项目场景：项目场景：在管理系统中，点击某个按钮如何弹出一个表单弹窗并且设置遮罩层，如下图所示。
好名字0821·2023-06-08 19:02

在el-dialog中进行Vue的路由跳转，跳转后出现遮罩层？

如图所示：但是此时发现页面被一整个遮罩层遮住了，页面中的内容都无法点击，这是什么情况打开控制台，如图所示：果然有个遮罩层，这是哪里来的呢？原来我以为是项目中封装的
大杯美式不加糖·2023-06-08 11:42

开发移动端官网总结_Vue2.x

加载CDN和本地库3、在Vue中使用wow.js4、过渡路由5、全局监听当前设备，切换PC端和移动端6、移动端常用初始化样式7、官网默认入口文件8、回到顶部滑动过渡效果（显示与隐藏、滑动置顶）9、弹窗遮罩层
小草莓蹦蹦跳·2023-06-08 10:42

layer常用的配置-自用

其中，icon编号对应的图标1：正确2：错误3：问号4：锁5：表情—红色难过6：表情—绿色难过大于等于7：感叹号layer等待，带遮罩层，不可点击layer.msg('提交中...',{icon:16,
Leemeea·2023-06-06 22:52

前端页面弹框遮罩禁止页面滚动

前端页面弹框遮罩禁止页面滚动前端开发经常会遇到的一个问题就是制作一个弹框来向用户提示信息，在这个弹框弹出的同时，往往会伴有一个灰色的遮罩层挡住页面内容，同时整个页面被这层遮罩盖住，不可点击也不可滚动。
简单tao的简单·2023-04-16 22:34

vue微信遮罩层提示在浏览器中打开

遇到一个需求，就是扫描二维码跳转到一个h5页面从而下载app，但是我们不能在微信下载这个app，所以得弹出这个遮罩层，提示使用浏览器打开。
tency小七·2023-04-16 17:28

04-vue移动端项目(主页index的子组件频道面板com：单向数据流概念, 利用数组的filter与map从一个数组删除另外一个数组中所有的元素,计算属性compute缓存问题,.sync的问题）

频道面板模块01-打开频道操作面板面板可以使用vant中的组件：弹出层popup属性：v-model控制面板的显示和隐藏的特点：v-model：设置为true，面板就开启点击黑色遮罩层区域，面板就关闭步骤
大力99·2023-04-16 13:50

关于IQKeyboardManager加在KeyWindow失效问题

问题在一些全局弹框中由于遮罩层加在keywindow上，自定义view加在了遮罩层上，导致IQKeyboardManager对textField的自适应失效。
微步毂纹生·2023-04-16 09:22

使用 mu-drawer 编写侧边栏SideBar

刚开始学习vue和muse-ui的小白...效果图点击上图右侧的遮罩层隐藏侧边栏。
阳光小羊羊的草场·2023-04-15 02:27

elementUI中dialog出现冲突，遮罩层直接全黑解决方法

//使用:model="false"消除开始绑定的内容//在el-dialog中添加类名，手动写一个伪遮罩层.thisblack-bgc{background-color:rgba(0,0,0,0.5)
简单长庚·2023-04-15 00:23

layui弹框（上）- 基础参数：弹出层、多按钮、对齐方式、遮罩层（透明度）、定时关闭...的集合

一、使用layui的第一步：引用layui的js和css文件您也可以引用网络资源二、引入layerlayui.use('layer',function(){varlayer=layui.layer;})三、弹框具体样式1、基础代码：layer.open({type:0,title:['提示信息'],content:'弹框内容'})样式：有关于layer.open中基础参数的配置layer.open
ChrisJ1998·2023-04-14 18:00

Vue环形进度条

环形进度条可设置背景颜色，遮罩层，文字，百分值默认保存两位小数sizeOut:底圈半径Number默认值：100sizeIn里圈半径Number默认值：80size进度条大小Number默认值：10注意
Yihua_2021·2023-04-14 16:38

1.简单的遮罩层

1.遮罩层最近在实现一个小功能，点击按钮的时候，会从右侧滑动弹出一个信息层，与此同时，信息层会和遮罩层一起出现，于是小程序的动画功能和小程序点击按钮出现和隐藏遮罩层分开写成了demo了。
1只念旧的兔子·2023-04-14 16:53

Uniapp H5 解决遮罩层滑动穿透问题

UniappH5解决遮罩层滑动穿透问题这个方法主要应用于允许遮罩层上的窗口能够滑动，而遮罩层下无法滚动，窗口关闭后动态设置为document.body.style.overflow="auto"后，原遮罩层下又能继续滚动
Soncat2000·2023-04-14 13:50

CALayer mask属性实现渐变色Label、刮刮卡效果

写在前面：mask就是PS中的遮罩；遮罩层必须至少有两个图层，上面的一个图层为“遮罩层”，下面的称“被遮罩层”；这两个图层中只有相重叠的地方才会被显示。
路漫漫其修远兮Wzt·2023-04-14 07:08

React项目实战之租房app项目（八）列表找房模块之获取并渲染房源数据&吸顶功能&整体优化&遮罩层动画效果

前言目录前言一、列表找房模块-获取房屋列表数据1.1处理筛选条件数据1.2获取房源数据1.3渲染房源数据二、列表找房模块-房源列表优化2.1使用WindowScroller实现列表跟随页面滚动2.1.1概述2.1.2代码示例2.2使用InfiniteLoader组件实现动态加载更多房屋数据2.2.1使用步骤2.2.2代码示例三、列表找房模块-吸顶功能3.1实现思路3.2实现步骤3.3代码示例四、列
小陈工·2023-04-14 02:27

:before 和 :after的多用途实践 — 特效篇（2）

说明上一篇，我们实现了遮罩层的特效，这次，我们看看如何能生成一道光，当鼠标移入时，能有种闪光的效果。白光特效效果图这张图好像有点太漂亮了，没法看清白光的样子，看看下面这个，应该能看清楚。
FEWY·2023-04-10 03:06

如何用JumpTool在微信中打开链接提醒用浏览器打开或直接打开

解决方案：一：使用引导页遮罩层引导用户使用外部浏览器打开。这种方法是加一个引
dd4f4013b3fa·2023-04-10 02:11
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他