遮罩层第2页

解决窗口滚动条消失而导致的页面内容抖动的问题

前言今天在项目中遇到了这样一个问题，点击按钮出现遮罩层和弹窗，不过弹窗出现后还是可以滚动底部的页面，于是写了一段js使弹窗出来后使底部页面增添overflow:hidden的样式解决了这个问题，但是还有一个细节问题就是页面的滚动条也占据宽度

奔跑的大橘子·2023-12-28 08:18

探究mask-image的魔力——Win10日历的探照灯效果原来可以这样做！

熟悉PS的小伙伴想必对这“遮罩层”的概念更为清晰，在PS中可称为“蒙版”，它是指定某层的元件的轮廓/alpha通道来作为自己剪影的依据。

陈某男0427·2023-12-26 20:31

高德地图加颜色遮罩层

functionnewLayer(type){if(type==="dom"){letdom=document.getElementsByClassName("amap-layers");letmyShade=document.createElement("div");myShade.id="myShade";myShade.class="mapNew";myShade.setAttribute(

贺今宵·2023-12-26 15:56

Element-UI的v-loading和el-dialog冲突

......当v-loading设置fullscreen时，el-dialog模态框会被v-loading的遮罩层遮住，这时候，我用了很多种方法，包括设置z-index等，都没什么作用。

GENT_le·2023-12-25 14:36

解决vue2项目 el-dialog弹窗不显示

{selectedItemContent}}将v-model改为:visible.sync="dialogVisible"就可以了{{selectedItemContent}}关闭确认但是此时的弹窗在遮罩层底下无法点击关闭我们还需要增加一个配置

paradoxaaa_·2023-12-23 14:51

前端-Vue嵌套el-dialog遮罩层BUG（置灰）

问题1：嵌套dialog，即打开一个dialog的时候，再打开第二个dialog，此时屏幕会置灰。解法：在最后一个弹窗上面加属性：:modal-append-to-body="false"问题2：嵌套dialog，即打开一个dialog的时候，再打开第二个dialog，此时关闭第二个dialog，屏幕会置灰。解法：在最后一个弹窗上面加属性：:append-to-body="true"

大嘴史努比·2023-12-22 11:31

jquery 模态窗口弹出窗 simpleModal

image.pngSimpleModalBasicModalDialogSimpleModal一个简单的遮罩层，可以制作提示框，对话框，弹出层，弹出iframe等...提示框-ok：orDemo提示框-

SkTj·2023-12-22 07:04

element-ui 抽屉里面嵌套弹窗

当我们在element-ui的Drawer抽屉里面嵌套弹窗时，有时会出现关闭弹窗后，抽屉依然被遮罩层挡着的情况，解决方法是在Drawer里面写:append-to-body="true"和:close-on-click-modal

冷水煮枸杞·2023-12-20 09:51

element plus 中 Drawer 抽屉开启后不能点击外部元素问题

因为抽屉组件本身是带有遮罩层，所以作者猜想这一层元素是Drawer抽屉组件的遮罩层元素，随后添加了关于遮罩层的配置属性来验证猜想。经查，官网中关于遮罩层的配置属性就下面两个，于是乎作者便根据这

Jiang_JY·2023-12-18 05:44

uni-app实现禁止弹出框滚动穿透

在uni-app开发中，经常会使用弹出框、遮罩层以及日期选择器等组件，但在这些组件中可能会出现滚动穿透的问题。

不如摸鱼去·2023-12-15 10:20

终于搞懂了el-dialog属性modal-append-to-body,append-to-body的作用【图解】

最后说重点，为了避免出现遮罩层在最上面挡住了显示层（可能在谷歌浏览没问题，在IE浏览器就会有这个问题），以及被其他定位元素挡住（显示层全屏的时候）比如vue-element-admin左边的菜单和上面的头

虚心若愚求知若渴·2023-12-14 17:46

CSS实现鼠标移动到图片上显示遮罩层效果

这是一张图片，我希望鼠标移动到上面的时候显示一个遮罩层，层级上有两个按钮，一个查看，一个删除首先是要写一个大盒子包裹两个部分，一个是图片部分，一个是遮罩层部分，然后再用CSS样式控制然后遮罩层用定位的方式

yy_demo·2023-12-14 13:00

popup弹出层两个白色块

现在使用vant4再写一个需求:在弹出层的中间和底部显示两个白色块发现用popup弹出层无法实现,转而尝试Overlay遮罩层发现这个组件是可以用的,只需要将添加的两个div背景颜色设置成白色就和popup

fury_123·2023-12-05 23:02

display设为inline-block时引发的高度问题，大坑

今天在写小程序，点击让这个遮罩层显示，结果一直下移，莫名其妙。解决方案：在元素的CSS中添加：vertical-align:bottom;

前端小菜鸟也有人起·2023-12-05 05:17

Element-ui组件，复制Drawer 抽屉里面的内容，鼠标光标不小心移到遮罩层后，鼠标释放抽屉以及遮罩层被关闭的解决方法

element-ui组件，Drawer抽屉中复制里面的内容，或者鼠标光标全选里面的内容，鼠标光标不小心移到遮罩层后，鼠标释放抽屉以及遮罩层被关闭的解决方法1.首先在el-drawer中定义两个监听的方法为

努力的小码农-·2023-12-05 00:22

移动端使用e.preventDefault()禁止滚动及取消

相信大家写移动端的时候都会碰到这个问题，当写活动规则弹窗的时候如果页面过长了，即使规则是100%高度覆盖全屏但是如果在上面滑动还是可以拖动背景，有的时候为了更好地体验，我们往往需要在遮罩层存在的情况下干掉背景的滚动效果

橙色流年·2023-12-04 14:45

JS的loading遮罩层，拿来可用

代码：//遮罩层functionshowLoading(){varsWidth=screen.availWidth;varsHeight=(screen.availHeight>document.body.scrollHeight

百度CV程序员·2023-12-02 19:42

微信小程序禁止滚动

//弹窗遮罩层catchtouchmove='true'

大得369·2023-11-30 13:30

微信下载APP文件的实现方式微信直接打开外部浏览器

目前ios只能通过遮罩层来提示用户，对于安卓可以直接跳转外面默认浏览器，下面就分别介绍下这2种方式的实现代码。安卓手机的话是通过点击链接，直接跳转

破军丶·2023-11-30 03:26

uniapp自定义弹窗组件

开发的自定义模态弹窗|msg信息框|alert对话框|confirm确认框|toast弱提示框支持多种动画效果、多弹窗类型ios/android、可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置、自动关闭秒数、遮罩层透明度及点击遮罩是否关闭

执着_ing·2023-11-30 01:44

uniapp弹出框_uni-app自定义Modal弹窗组件|仿ios、微信弹窗效果

开发的自定义模态弹窗|msg信息框|alert对话框|confirm确认框|toast弱提示框支持多种动画效果、多弹窗类型ios/android、可以自定义弹窗样式/自定义多按钮及事件/弹窗显示位置、自动关闭秒数、遮罩层透明度及点击遮罩是否关闭

weixin_39927683·2023-11-30 01:43

多线程使用场景

注意当前是第几组数据2、是否为最后一组数据3、redis插入时保证始终从一端插入（右插）varcount=0;//当前是第几组varthreadCount=0;//当前线程的数量/****@paramshowStr遮罩层提示语

ZX0120·2023-11-28 19:32

微信小程序video组件/腾讯视频插件，禁止拖动进度条，使用遮罩层的方式实现

话不多说，直接上代码wxml文件这里是原生video组件的方式这里是使用腾讯视频组件的方式//禁止左右滑动.json文件中"usingComponents":{"player-component":"plugin://player/video"}.js文件中data:{bigsScreen:false},screenChange(e){letfullScreen=e.detail.fullScre

清风云翼·2023-11-27 05:41

vue-使用input封装上传文件图片全局组件

前言实际开发过程中，我们经常遇见需要上传文件图片功能，可以封装一个全局组件来调用原理很简单，首先获取到文件或图片对象，调用自己公司文档服务器的接口，上传文件图片为了方便用户体验，我们应该在上传之前开启遮罩层

-風过无痕·2023-11-26 14:15

移动端兼容性问题总结

iPhone和iPad)的点击闪屏问题原因：在ios上，当点击一个链接或者通过js绑定了点击事件的元素时，会出现一个半透明的背景，当手指离开屏幕，该灰色背景消失，出现“闪屏”；解决方法：方法一：将半透明的遮罩层改为全透明

@xiaomajia·2023-11-26 02:07

基于qiankun的微服务应用实践

需求来源近期公司新的产品需要将之前的vue做的项目和react做的项目进行复用，我们第一事件的解决方案肯定是使用iframe，但是iframe方案有几个痛点时无法解决的:1.弹框遮罩层只能覆盖于父级，无法遮罩全屏

awaitfly·2023-11-25 04:48

【前端插件】jQuery遮罩层插件Simple Overlay

链接：https://pan.baidu.com/s/1jGxxE1f1DeKbEl5oSyFMXQ密码：p46w【软件名称】jQuery遮罩层插件SimpleOverlay【软件描述】SimpleOverlay

小拾一·2023-11-24 12:45

Jquery ajax 同步阻塞引起的UI线程阻塞的坑（loading图片显示不出来）

Jqueryajax同步阻塞引起的UI线程阻塞的坑（loading图片显示不出来，layer.load延迟）jax重新获取数据刷新页面功能，因为ajax属于耗时操作，想在获取数据且加载页面时显示加载遮罩层

Lan.W·2023-11-24 07:10

html 弹窗确认,jQury提示框，弹框，确认框插件jqAlert.js(原创）

发布时间：2018-6-71:23本插件提供了三种提示，第一种是底部提示，第二种和第三种是遮罩层提示框，本提示框使用PC和移动端。使用本插件最好在body便签加上如下样式。

weixin_39669638·2023-11-23 18:59

element-ui框架的el-dialog弹出框被遮罩层挡住了，vue-element-ui弹出框和el-select层级混乱

Elementui中弹出框、Select选择器等等弹出被遮盖的问题处理方法这种问题一般出现在有多个弹出框、弹出框上有select选择器这两种情况。两种情况不同的处理方式如下：情况A：有多个弹出框，你想要的效果可能是页面->弹出框A->弹出框B，但是实际上出现的是页面->弹出框B->弹出框A如图所示。图是在网上找的遇到这种情况不要慌，可以在el-dialog标签里添加::modal-append-t

拳击俱乐部·2023-11-22 21:00

vue项目中element-ui对话框el-dialog嵌套显示时多了一个遮罩层解决办法

在对话框里又嵌套了一个对话框展示时，多了一个遮罩层，如下图所示：解决办法如下：给对话框添加append-to-body属性，参考以下代码：修改后的示意图如下：

步步生花@苏殿主·2023-11-22 17:56

Flash 第十一章引导层和遮罩层动画

引导动画一（路径动画）一、路径动画：路径动画指的是让一个物体沿着某一条路径运动的动画。二、制作路径动画所需要的图层：1、引导层（引导层是用来存放路径的图层）引导层分普通引导层和运动引导层两种。普通引导层：为其他图层提供辅助绘图和绘图定位；运动引导层：设置对象运动的路径。2、被引导层（被引导层是用来存放沿路径运动的物体）三、创建引导层和被引导层的方法：1、创建引导层的方法：（1）直接创建引导层（2）

我能飞不想飞·2023-11-19 13:07

el-dialog 实现拖拽功能

*给dialog设置:close-on-click-modal="false",禁止点击遮罩层关闭弹出层*如果是form表单，不要将提交等按钮放置el-form-item，以免在上下拉伸时被隐藏*//

梦牵绕了谁的灵魂·2023-11-19 07:59

小程序action-sheet结合自定义tabbar显示

要实现此效果，遇到的问题：背景在电脑端调试的情况正常的情况下，手机端点击事件工单，返回回来的时候action-sheet卡住在屏幕上，点击遮罩层都不消失。

小美元·2023-11-16 21:57

HTML+CSS+JavaScript实现轮播图

1页面布局轮播图图片移动的实现原理是：利用浮动将所有图片依次排成一行，给这一长串图片添加一个遮罩层，每次只显示一张图，其余的都隐藏起来。

weixin_43396749·2023-11-15 23:26

layer-------弹出层参数介绍

search_goods')}";要弹出的路径PS：其实就是正常访问的页面layer.open({type:2,2=》解析URLtitle:'选择商品',弹出页面标题shadeClose:false,true->点击遮罩层以外的地方直接关闭遮罩层

一只路过的猫咪·2023-11-14 15:30

vue前端页面弹出红色报错遮罩层 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack

报错信息：Uncaughtruntimeerrors:×ERRORUnknownpromiserejectionreasonathandleError(webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:296:58)ateval(webpack-internal:///./node_modules/web

豆逗逗·2023-11-13 18:50

记录微信小程序转uniapp-app端之map遮罩层级的问题

微信小程序可以在的上层放置需要的窗体,如:效果如图:转成uniapp后,由于map的层级问题,地图上层并不能放置窗体,使用cover-view也没起作用.所以转而使用subNVue,虽然较为复杂点,但是确实很灵活,话不多说,直接上代码先创建nvue页面目录结构如图:将其在pages.json中注册{"path":"pages/map/map","style":{"app-plus":{"subNV

qlanto·2023-11-13 10:26

el-dialog被遮罩层遮挡

el-dialog被遮罩层遮挡（解决办法）开始我在标签中加:modal-append-to-body="false"，遮罩层是在下面了但是，对于页面中有的边框或者搜索框会在遮罩的上面，后来我又把:modal-append-to-body

BangD·2023-11-13 07:35

若依框架维护问题

1.设置table高度2.处理弹出框遮罩层

777777-smail·2023-11-12 11:54

HTML+CSS实现带按钮的弹出框

取消确认CSS样式/*遮罩层*/#overlay{position:fixed;left:0px;top:0px;width:100%;height:100%;font-size:16px;/*IE9以下不支持

ostuthere·2023-11-10 13:32

vant之解决action-sheet点击取消和遮罩层的bug

vant出现点击取消按钮出现了冒泡事件，点击遮罩层，面盘弹不回去。解决代码如下：vant官方文档提供了click-overlay事件来监听遮罩被点击的事件。

高级甩锅工程师·2023-11-09 12:27

CSS实现鼠标移至图片上显示遮罩层及文字效果

效果图：1、将遮罩层html代码与图片放在一个div我是放在.proBK里。用户在线发布任务2、为图片及遮罩层添加样式图片：relative遮罩层：absolute使两者样式重合。

蓝胖子的多啦A梦·2023-11-09 03:37

uniapp开发H5及app监听返回事件（以及监听不到的处理方法）

事件监听返回键onBackPress(e){//e.from==='backbutton'说明如果点击的是物理返回键或导航栏的返回键就进行以下操作if(e.from==='backbutton'){if(遮罩层是否隐藏

Y2000104·2023-11-07 10:55

RuoYi-Vue前端分页

el-table表格...省略部分...声明变量data(){return{//遮罩层loading:true,//表格数据dataList:[],//当前页码pageNum:1,//每页数据大小pageSize

Mr.李大哥·2023-11-06 04:54

移动端滚动穿透与滚动溢出解决方案

滚动穿透问题描述在移动端WEB开发的时候（小程序也雷同），如上录屏所示，如果页面超过一屏高度出现滚动条时，在fixed定位的弹窗遮罩层上进行滑动，它下面的内容也会跟着一起滚动，看起来好像事件穿透到下面的

chengbo_eva·2023-11-05 14:09

vue3+element Plus实现弹框的拖拽、可点击底层页面功能

1、template部分必须加的属性modal:是否去掉遮罩层close-on-click-modal:是否可以通过点击modal关闭Dialogdraggable:开启拖拽功能2、css部分网上查找的资料

wyy爱学习·2023-11-05 07:13

uniapp手写自定义弹窗

手写自定义弹窗弹窗这种东西真的是太常见了常见到烂大街但是每个平台的弹窗都不太一样样式不统一就不怎么好看像把代码编译到安卓端然后就…哎不说了安卓离苹果的距离还是很远的这里只限于自己想设计统一样式当然用官网的插件也是可以的嘛首先我们要做点什么呢首先就是看这个弹窗它的结构和弹窗动作逻辑em…其实也就是弹出来然后能隐藏后面有一个遮罩层然后弹出窗居中先做一个遮罩这一步也不是太复杂直接就是一段

Dotclv·2023-11-04 06:25

12_微信小程序-BLE低功耗蓝牙开发-自定义弹窗界面

弹出内容、弹出内容按钮wxss代码:/*弹出框样式*/.dialogView{width:100%;height:100%;/*设置弹出框在那一层，数值约大，越前面*/z-index:9998;}/*遮罩层

程序员顺溜·2023-11-02 09:06

element 的el-dialog 浮层嵌套，第二次弹出的会被遮住（双层嵌套）

element的el-dialog浮层嵌套，第二次弹出的会被遮住（双层嵌套）困扰了很久的一个问题，就是用element-ui的浮层组件进行浮层嵌套时候，当子浮层关闭时，父级浮层上面会有一层灰色遮罩层当关闭子级浮层后

axios-947·2023-11-01 08:47

推荐频道

遮罩层