#处理遮罩层闪退

最新推荐文章于 2024-03-10 09:39:31 发布
最新推荐文章于 2024-03-10 09:39:31 发布
阅读量461 收藏
点赞数 1
分类专栏： 前端js 文章标签： 前端js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44540326/article/details/86546379
版权

#处理遮罩层闪退

开发工具与关键技术：DW  前端开发
作者：吴业华
撰写时间：2019年1月17日

下图Select Region和意见反馈 我都设置了它的遮罩层样式
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
下图为俩个遮罩层脚本
在这里插入图片描述
由于遮罩层闪退问题 我把俩遮罩层css 中的display设置为block；
下图遮罩层为刷新网页俩个遮罩层样式重叠 遮罩部分颜色更深
在这里插入图片描述
下图为通过关闭一个遮罩层 遮罩部分明显不那么深了
在这里插入图片描述
为什么要设置为display：block 而不是设置成display：none呢 因为设置为none只能在点击的
时候看到闪退的一下下 这里是为了方便看到遮罩层
通过下面截图可以看到我是用a标签来包裹这个文本的
在这里插入图片描述
在这里插入图片描述
A标签为锚标签点击它而我没有设置它的href值为#
所以遮罩层就闪退了

一纸斜阳一纸梦
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中提示框闪退问题
weixin_30384031的博客
06-17 506
当页面存在刷新 或 在线引用iframe框架时(引用框架也会导致刷新) 会导致页面加载时的弹出框闪退 解决方法:设置弹出框在页面或者框架完全加载一段时间后再弹出 <script type="text/javascript"> function re(){ var result = '${conresult }'; //使用el ...
部分机型带透明度背景使用popupwindow 的时候，出现闪屏问题（转自简书）
Trustport的博客
10-12 1953
控件：自定义popwindow 机型：mi4 闪屏事件：拖动popupwindow中的listview时会导致闪屏 闪屏原因：一般而言， GPU 的帧速率应高于刷新率，才不会卡顿或掉帧。如果屏幕刷新率比帧速率还快， 屏幕会在两帧中显示同一个画面，这种断断续续情况持续发生时，用户将会很明显地感觉到动画的卡顿或者掉帧，然后又恢复正常，我们常称之为闪屏、跳帧、延迟。 解决方案：在当前的Acti
Dialog、Drawer 点击浏览器回退、前进，遮罩层不消失问题
qq_44130459的博客
11-02 1732
Vue 项目中使用 element-ui, Dialog、Drawer 组件使用时，点击浏览器回退、前进，遮罩层不消失。在 main.js 引入Element 时，给组件添加默认属性。
Vant弹出层组件使用时碰到的问题
helgeal的博客
11-18 4258
弹出层的特性 1 如果初始v-modle 绑定的的值是false，则组件不会渲染 2 当v-modle绑定的值转变为true时，组件会被渲染出来 3 之后再改吧v-model的值只是用CSS进行显示和隐藏罢了 造成的问题 当在弹出层内使用其他组件时，一般绑定的属性值不会进行改变，即使传进去的值发生改变了，相关代码如下: <van-popup v-model="showReplyComment" position="bottom" s...
开发小程序使用 vant 遇到的坑
前端小白成长记
07-13 2164
uni-app 开发微信小程序使用 vant 遇到的坑
点击遮罩层的背景关闭遮罩层
01-08
class=Select_Region_bj 我给了一个灰色半透明的背景样式，后来在Javascript中写onclick事件无论这么写，点击内容区也是会关闭掉遮罩层。我百思不得其解到底怎么样写才能点击内容区不会关闭遮罩
vue 弹出遮罩层样式实例
10-15
在Vue应用中，有时我们需要实现一个弹出遮罩层的功能，通常用于显示对话框、加载指示器或者阻止用户在特定操作期间与页面交互。本篇文章将深入探讨如何在Vue中创建一个全屏的、响应式的遮罩层，并解决在实现过程中...
Android PopupWindow实现遮罩层效果
08-26
Android PopupWindow 实现遮罩层效果 Android PopupWindow 是 Android 系统中的一种常用对话框组件，用于显示弹出式对话框，可以实现各种交互效果。今天，我们将详细介绍如何使用 Android PopupWindow 实现遮罩层...
easyui排版布局遮罩层
11-23
在 EasyUI 中，遮罩层（Mask）是一个非常重要的功能，用于在页面上显示半透明的覆盖层，通常用于表示后台处理或者加载状态，从而提高用户体验。 在“easyui 排版布局遮罩层”的主题下，我们将探讨如何在 EasyUI 的...
Android实现遮罩层（蒙板）效果
08-26
Android 实现遮罩层（蒙板）效果 Android 实现遮罩层（蒙板）效果是指在 Android 开发中使用遮罩层来实现progressbar 的填充效果。遮罩层（蒙板）效果是通过控制任意一张图片的显示百分比来实现遮罩效果的。下面...
解决VantUI popup 弹窗不弹出或无蒙层的问题
01-18
背景 ####组件PopupTime.vue 把vant官网的popup+时间选择器抽成组件： popup1show: true 即弹窗显示 <van-datetime-picker show-toolbar :title=popupTitle.popupName v-model=
H5页面点击返回按钮，用路由守卫拦截，使用next(false)后，vant 弹窗闪退
lala1091的博客
03-10 190
本地环境点击返回能正常显示弹窗，测试和生产就不行，一直闪退.当用户点击返回按钮或者滑动返回时，希望有个弹窗提示。（官方文档上也介绍了），还是要好好看官方文档 ~
Vant UI中van-popup 不弹出问题的解决方案
飞扬小阁
01-04 5002
Vue 3需要将 v-model="show" 更改为 v-model:show= "show"
js制作遮罩层详解
小苏(º﹃º )的博客
05-25 7608
遮罩层的制作
VantUI popup 弹窗不弹出或无蒙层
热门推荐
HYeeee的博客
09-17 2万+
背景 组件PopupTime.vue 把vant官网的popup+时间选择器抽成组件： popup1show: true 即弹窗显示 &amp;amp;lt;template&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;PopupTime&amp;quot;&amp;amp;gt; &amp;amp;lt;van-popup v-model=&amp;quot;popu
移动端 vant 踩坑记
青蛙king的博客
06-17 1067
在使用时需要这样做： 必须要将 和 配合使用，就不会有这个报错了。
使用Vant组件popup覆盖微信原生组件无效
专注前端技术，包括Web端、移动端、小程序、APP
07-29 2507
每天一个编程小技巧。 在使用Vant popup弹出层时，遮盖输入框无效。因为输入框为原生组件，在其他非原生组件同时显示时，原生组件的的层级最高。即使使用了z-index，也没有办法来调换原生组件和非原生组件之间的显示层级。 z-index只能够在原生组件之间进行层级调换。 所以，当你使用popup组件时，如有遇到以上问题，你的解决办法可以有两种：1. 在使用popup弹出层时，手动隐藏原生组件。 2. 避免弹出层的位置与原生组件重叠。将弹出层多余的空白部分最小化。 ...
vue - Vant库 - popup弹出框实现两秒后自动关闭
m0_46364033的博客
06-29 4981
2021-06-29 vue - Vant库 - popup弹出框实现两秒后自动关闭 <van-button plain color="#4b8ffb" @click="toCancel">取消预约</van-button> <van-popup v-model="show"> <div class="myAppointment-content-popup"> // 弹出框内容根据自己需要填写 <van-i
selenium处理遮罩层
最新发布
04-27
Selenium是一个用于自动化浏览器操作的工具，可以用于处理网页上的遮罩层。遮罩层是一种在网页上覆盖的元素，常用于显示加载中、弹出窗口等效果。下面是一种常见的处理遮罩层的方法： 1. 等待遮罩层消失：在遮罩层出现之后，可以使用Selenium提供的等待方法，如`WebDriverWait`来等待遮罩层消失。可以通过判断遮罩层元素是否可见或不存在来确定遮罩层是否已经消失。 2. 切换到遮罩层所在的iframe：如果遮罩层是在一个iframe中，需要先切换到该iframe，然后再进行操作。可以使用`driver.switch_to.frame()`方法来切换到指定的iframe。 3. 使用JavaScript执行脚本：有些情况下，遮罩层可能无法通过普通的操作方法来处理，可以使用JavaScript执行脚本来操作页面元素。可以使用`execute_script()`方法来执行JavaScript脚本，例如通过修改CSS属性或移除元素来处理遮罩层。 4. 使用模拟键盘按键：如果遮罩层是通过按键触发的，可以使用Selenium提供的`Keys`类来模拟按键操作。例如，可以使用`Keys.ESCAPE`来模拟按下ESC键关闭遮罩层。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值