E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
遮罩层
增加蒙层, 其上面可以滚动, 蒙层下面不能滚动
1.css的处理:html,body{height:100%;}body{position:relative;}/*
遮罩层
显示时body的样式*/.notScroll{overflow:hidden;}
哈布福禄克
·
2023-03-20 17:10
b站pink老师JavaScript的PC端网页特效 案例代码——仿京东放大镜效果
detail.js部分(全部都是重点)3.detail.css部分(重点在标红区)4.base.css部分(不重要,起辅助作用)5.common.css部分(不重要,起辅助作用)目标效果:1.初始状态是黄色的
遮罩层
快意人生大社畜
·
2023-03-19 15:05
JavaScript
javascript
前端
java
原生js实现仿京东商品放大镜效果
文章目录一、执行效果二、代码结构1.HTMLCSS2.js三、易错点四、代码五、图片一、执行效果二、代码结构1.HTMLCSSclass="preview"的div里面放小图片、黄色
遮罩层
和大图片给黄色
遮罩层
和大图片
小火娃
·
2023-03-19 15:35
JavaScript基础
javascript
前端
html
网页常见特效2——仿京东放大镜
1效果图分析1.鼠标移入,让
遮罩层
和装有大图片的div显示,鼠标离开,让
遮罩层
和装有大图片的div消失2.鼠标进行移动,将鼠标在box的坐标位置给
遮罩层
,并且判断
遮罩层
的临界值3.在移动鼠标同时,右侧大盒子中的图片也要跟着相反的方向进行移动
゜ eVer ㄨ
·
2023-03-19 15:34
javascript
css3
html
Android二维码多码识别,相册选择二维码,自定义扫码界面
MNZXingCodeMNZXingCode快速集成zxing二维码扫描快速集成zxing二维码扫描,生成二维码,可配置相册,闪光灯,相机可以调整焦距放大缩小,自定义扫描线颜色,自定义背景颜色,自定义
遮罩层
碧水逍遥
·
2023-03-18 11:13
H5页面打开App或者跳转下载页面
预期效果1.在微信中打开,则显示一个
遮罩层
提示用户在浏览器中打开,类似如下:微信打开的页面.png2.在浏览器中打开,则跳转到对应的app,如果没有则跳转到下载页。
印子_cfbb
·
2023-03-18 07:59
微信分享图片组件(小程序 )
效果图.png需求:点击分享,弹出
遮罩层
,可分享给好友,可保存图片分享,canvas中的图片自适应(缩放、裁剪)技术:canvas2,vant-weapp-ui思路:计划将整个分享都写成一个自定义组件,
BOB_BI
·
2023-03-17 06:07
弹出
遮罩层
,body不滚动,点击
遮罩层
非内容区域关闭
遮罩层
一.弹出
遮罩层
时,控制页面不再滚动,需要给body设置position:fixed;height:100%;overflow-y:hidden;关闭
遮罩层
后,去掉上述属性即可。
xiaozhi_free
·
2023-03-15 08:09
移动端
基于CSS mask-image 实现炫酷图片过渡效果之星球大战
前置知识点mask-imageCSS属性用于设置元素上
遮罩层
的图像。默认值是none,也就
m0_73749017
·
2023-03-14 18:24
css
动画
css3
弹出
遮罩层
后,如何禁止底层页面的滚动
但是,我们会发现,当弹出
遮罩层
后,底层body的内容也是可以滚动,显然这不是我们想要的效果,这个是最近做项目频繁出现的一个问题,对于这个问题尝试了几种解决方案,皆存在弊端。
小菜鸟g
·
2023-03-14 02:02
小程序
1.小程序
遮罩层
滚动穿透.no-scroll{overflow:hidden;height:100vh;}2.在wxml里面使用.wxs来处理一些数据问题,开发文档里面有提到:由于运行环境的差异,在iOS
宋阿茶
·
2023-03-13 12:48
vant van-popup更改挂载点无效的解决方案
修改完挂载点之后记得在挂载点所在的页面的样式要修改fixed为absolute//修改
遮罩层
覆盖::v-deep.van-overlay{position:absolute;}::v-deep.van-popup
情有千千节
·
2023-03-13 05:04
小程序-swiper-禁止用户手动滑动
官方并没有提供参数禁止用户手动滑动解决方案一:完全禁止按需禁止解决方案二:写一个
遮罩层
盖住swiper
摸不到的颜色
·
2023-03-11 00:23
Android用PopupWindow实现下拉菜单
菜单Android5.0以下版本点击外部不消失问题&&在Android7.0上PopupWindow.showAsDropDown不起作用问题)布局说明:image.png点击区域弹出区域菜单,并实现
遮罩层
效果
BugMyGod
·
2023-03-09 11:36
微信小程序:小程序常见问题及解决方案
文章目录原生组件显示在
遮罩层
上面的问题scroll-view高度适配问题表单控件聚焦后页面上推问题小程序web-view页面返回到小程序页面原生组件显示在
遮罩层
上面的问题在小程序中使用原生的表单组件时,
淼清风
·
2023-02-24 12:43
微信小程序
微信小程序
小程序
前端
uniapp-app的视频轮播图
我的方法是将nvue页面作为视频的
遮罩层
,如果直接将视频放到nvue页面,说不定也可以。其实这个兼容性的关键在于video标签在手机上的层级过高,除了nvue,还有其他方法解决。
楚城相拥
·
2023-02-24 04:38
uniapp
uni-app
前端
Element,el-dialog弹出层拖拽及拉伸、双击全屏
*给dialog设置:close-on-click-modal="false",禁止点击
遮罩层
关闭
过年好_
·
2023-02-19 07:30
Axure原型教程:Axure实现弹框、弹出窗口(警告,提示)等
今天我们要讲的是如何用axure做出弹出框的效果,不限于当前窗口所弹出的提示、警告、带
遮罩层
的弹窗等,可以参考本教程,实用性非常强,应用的场景比较多。
妖怪口袋
·
2023-02-19 07:47
B站视频弹幕不挡住人脸效果
mask-image属性mask-imageCSS属性用于设置元素上
遮罩层
的图像。https://developer.mozilla.org/zh-CN/docs/Web/CSS/ma
yazhiShaw
·
2023-02-17 02:26
ui
前端
javascript
文字超出容器滚动,到底部显示虚化效果
2.实现思路:父级容器包含2个子容器:内容div和负责虚化的div块,这个块可以理解为一个局部
遮罩层
3.利用css3的backround-image属性的linear-gradient实现渐变效果,因为文字背景色是白色
宋乐怡
·
2023-02-05 02:19
vux踩过的坑
1.xdialog,Alert
遮罩层
在内容显示后突然跳出来,文档里没写mask-transition属性的其他值,导致我找了半天。mask-transition="vux-fade"解决
努力努力再努力_g
·
2023-01-31 12:35
ios手机弹窗滚动卡死现象解决
滚动后滚动到底部或者顶部再滚动出现卡死解决方法:1、如果弹窗底部页面有滚动,弹出弹窗的时需要加上以下代码,禁止底部页面滚动document.body.style.cssText='overflow:hidden'2、弹窗的
遮罩层
跟内容需要分开写
wang_carrie
·
2023-01-29 06:07
关于react-router中的Prompt组件使用心得
目录Prompt组件作用引入Prompt组件在最近的react项目中,遇到了一个需求,点击图片的时候,会出现一个大图预览,其实就是一个
遮罩层
,专门用来显示大图的,但因为是一个APP,所以难免会有用户点开大图后
·
2023-01-19 03:04
uni-app
遮罩层
滚动穿透的问题
uni-app中想在
遮罩层
出来时下面的页面就不能滚动,就想到page{overflow:hidden}但是不能动态设置这个,查了一个多小时,uni-app文档中page-meta可以设置uni-appcsdn
·
2023-01-10 15:08
前端uni-app小程序app
After Effect全版本软件安装包(含最新2023)
AfterEffect2023新功能出炉,为您带来2023版本新增功能详解2023相较于AfterEffects2022版本而言,不仅在前作的功能基础上进行了优化,同时还新增加了多种实用性功能,例如新增加了轨道
遮罩层
软件科技之家
·
2022-12-29 16:35
photoshop
adobe
百度云
图像分割系列10_绿幕视频的背景替换
图像分割资料分享:贾志刚的OpenCV图像分割实战视频教程全套资料(包含配套视频、配套PPT的PDF文件、源码和用到的图片素材等)案例实战——绿幕视频背景替换关键知识点分割算法选择背景融合–高斯模糊
遮罩层
生成算法选择
亦我飞也
·
2022-12-27 21:53
openCV
图像分割
算法
opencv
计算机视觉
OpenCV图像明度
明度调整可通过合成方式实现:若参数为正,则调整后的图像可以认为加了一层白色
遮罩层
,即
不划水的小袁
·
2022-12-24 21:42
OpenCV学习记录
opencv
计算机视觉
图像处理
React实现pc端的弹出框效果
实现pc端弹出框效果的具体代码,供大家参考,具体内容如下最近学习react碰见了一个小坑不知道为什么我在做一个弹出框的小demo很简单的一个小demo就是桌面上一个按钮点击出现一个弹出框弹出框下面有一个
遮罩层
·
2022-12-24 12:18
opencv泛洪填充_
遮罩层
填充
#导入相关模块和包importcv2ascvimportnumpyasnp#创建填充图案deffill_binary():#初始化参数,设置图片大小通道数量image=np.zeros([400,400,3],np.uint8)#设置颜色image[100:300,100:300,:]=255#展示图片cv.imshow('artworkmaster',image)#设置填充范围mask=np.o
淡淡伤De微微凉
·
2022-12-14 06:21
opencv
opencv
python
el-image 循环展示多张图片,点击放大,点击空白处关闭
遮罩层
。
data(){return{ImagesrcList:['https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg','https://fuss10.elemecdn.com/1/8e/aeffeb4de74e2fde4bd74fc7b4486jpeg.jpeg'],}},methods:{//循环展示图片get
猫小黑呀
·
2022-12-05 22:29
javascript
前端
vue.js
FLASH动态文本无法显示问题
可能是以下情况导致的:1.将“消除锯齿”那一栏设置为“使用设备字体”就可以了(原为动画消除锯齿)2.
遮罩层
下动态文本无法显示,移到
遮罩层
外即可
Cdj787296836
·
2022-12-03 02:16
flash
flash
vue弹窗嵌入其它vue页面的操作代码
在父页面,将该组件引入到弹框内,并通过动态渲染进行切换子组件,将要引入到弹框内的页面exportdefault{name:"Record",props:['userId'],data(){return{//
遮罩层
·
2022-11-14 23:09
uniapp开发H5及app监听返回事件(以及监听不到的处理方法)
事件监听返回键onBackPress(e){//e.from==='backbutton'说明如果点击的是物理返回键或导航栏的返回键就进行以下操作if(e.from==='backbutton'){if(
遮罩层
是否隐藏
_揽
·
2022-10-24 09:00
前端
javascript
开发语言
vue.js
uni-app
Element-UI源码学习——弹框组件
对话框由具体的弹框内容、关闭或确认按钮、外围的
遮罩层
组成。
weixin_42936434
·
2022-10-13 03:38
vue学习
ui
学习
javascript
学会一行CSS即可提升页面滚动性能
我们经常会碰到类似设置半透明遮罩的需求,通常是绝对定位一个div盖在元素上方,这时
遮罩层
的鼠标事件优先级会更高,使得打上遮
·
2022-10-08 18:13
uniapp使用
遮罩层
/弹出层时,底部滑动问题解决
uniapp使用
遮罩层
/弹出层时,底部滑动问题解决#直接在
遮罩层
组件上或包裹一层外层容器,添加catchtouchmove=“true”,阻止页面滚动
利兹与青鸟—
·
2022-09-29 18:55
uniapp
前端
vue.js
uniapp uview使用u-popup组件当开启
遮罩层
禁止下层页面滚动。
这个感觉不符合我的需求所以没有用方法二:用css控制并动态绑定class名来实现,在
遮罩层
喜陈
·
2022-09-29 18:23
uView
JavaScript进阶
uniApp
css
前端
javascript
uni-app禁止在popup组件中的内容滑动/滚动时触发
遮罩层
下面的页面滚动
解决:在popup组件的父组件中添加@touchmove.prevent注意不是在popup组件中添加,而是在其父组件中添加
小玲子小玲子
·
2022-09-29 18:34
uni-app
uni-app
vue弹窗父子组件调用问题示例详解
emit传图片二、vue父组件调用子组件里的不同方法一、vue弹窗父子组件emit传图片1、:modal-append-to-body="false"为了解决elementui中引入dialog窗口组件后
遮罩层
会挡住
·
2022-09-26 20:56
Vue弹窗组件的实现方法
本文实例为大家分享了Vue弹窗组件的实现具体代码,供大家参考,具体内容如下弹窗组件包含内容:弹窗
遮罩层
内容层的实现(涉及slot、props、$on、$emit)实现步骤:1、搭建组件UI样式,HTML
·
2022-09-20 21:16
uniapp video层级过高的一个解决方法
想通过
遮罩层
来做点击,发现uniapp里video的层级最高,z-index没用。百度下发现一个不错的办法。
hyswl666
·
2022-09-20 15:04
uniapp
html5
前端
html
taro项目小程序场景下scrollview引发的问题汇总
场景一:滑动穿透问题滑动穿透出现的场景://1.使用了AtFloatLayout组件//2.带
遮罩层
的弹窗出现滑动穿透的原因是,taro3的事件冒泡机制是单独在小程序逻辑层实现,所有事件都是绑定的bind
LittleMoon_lyy
·
2022-09-20 15:27
小程序
纯CSS实现 | 可爱的小怪兽动画
介绍今天来给大家介绍一下纯css实现活泼可爱的小怪兽动画效果,本文涉及的知识点看过前面的文章应该也有所了解,html+css,css3动画效果,还有
遮罩层
使用。下面来给大家详细介绍一下整个制作的过程。
·
2022-09-13 15:26
前端csscss3思否技术征文
Vue父组件 和 子组件 相互调用修改参数的问题-解决
简介:我们按照正常流程走一遍:当我点击页面的显示窗口会弹出子界面的弹窗,然后当我点击关闭图标或者点击
遮罩层
都会调用子组件中的onClose方法,然后更改父组件的exchangeShow为false时子组件的弹窗会消失使用到了
Hi梅
·
2022-08-27 07:50
前端
笔记
Vue
vue.js
javascript
前端
【uni-app】模仿微信实现简易发送/取发语音功能
长按按住说话按钮弹出
遮罩层
按住说话,直接松开即可发送语音。若向左上方滑动松开后取消发送当前语音。一.绑定事件首先给按钮是绑定事件,需要给按钮绑定三
玖伴_
·
2022-08-27 00:34
微信
uniapp全屏弹窗,覆盖原生控件导航栏和tabbar,全局调用
uniapp全屏弹窗,覆盖原生控件导航栏和tabbar,全局调用在uniapp中popup弹窗及对话框的
遮罩层
是覆盖不了原生的导航栏和tab栏的,在tabbar页中使用弹出框会非常的违和,接下来告诉大家实现的思路
码农颜小白
·
2022-08-26 00:25
uni-app
VUE
Ios
前端
uni-app
ios
modal组件 vue_如何使用vue.js构造modal组件
2017-07-07回答弹出型的组件,无论是Dialog、Notification、Toast还是其它的,都有一些共通的问题需要解决:1.多个弹层同时出现时,z-index的顺序2.多个弹层同时出现时,共享
遮罩层
weixin_39678525
·
2022-08-22 11:13
modal组件
vue
vue
遮罩层
如何阻止滚动
目录vue
遮罩层
阻止滚动vue解决
遮罩层
滚动方法vue
遮罩层
阻止滚动给vue用fixed定位加一个
遮罩层
,滚动鼠标滚轮发现下面一层的页面随之滚动,那么如何阻止下层页面滚动?
·
2022-07-27 12:06
JS实现京东放大镜效果
左边的盒子里面放了一个img和一个
遮罩层
cover,右边盒子里面放的是800*800的大图片,这里提供左边的图片b3.png和右边的大图片big.jpg:注意:左边盒子里面的cover采用绝对定位,右边盒子里面的
·
2022-07-15 18:37
表单验证ajax无刷新表单提交
效果展示接下来我来总体说一下这款合体插件的一些特点吧:将表单验证和ajax表单提交功能和在一起,这是非常方便的,而且功能很强大虽然集成了这么强大的功能,但是代码压缩之后还是非常小的,只有7KB,性能非常优秀很有趣的
遮罩层
LeeJah163
·
2022-07-07 09:07
jQuery学习
ajax
jquery
action
css
stylesheet
javascript
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他