弹出层

Element,el-dialog弹出层拖拽及拉伸、双击全屏

*给dialog设置:close-on-click-modal="false",禁止点击遮罩层关闭弹出层*如果是form表单，不要将提交等按
diaojw090·2019-05-15 11:07

vue构建仿饿了么外卖APP项目记录--2

文章目录三、header组件开发1.seller数据对象的获取2.数量【5个】按钮的实现3.公告区域的实现4.header组件整体背景图片的设置5.弹出层的显示与隐藏（==v-show==）6.弹出层的实现
晨小点的小疯子·2019-05-06 16:41

layui弹出层点击多次弹出问题

这个问题其实很好解决，只需要一个变量标记一下，这个页面是处于有弹出层还是处于没有弹出层的时候，首先设置一个变量flag=true;在点击触发事件的按钮之后，只有flag为true的时候才弹出，弹出成功之后将
yezlun·2019-04-26 18:22

LayUI与SSM(Spring+SpringMVC+MyBatis)的综合运用

1.2弹出层form表单1.2.1添加1.2.2修改数据回显1.3其他功能展示1.3.1删除与批量删除1.3.2筛选
dieuking·2019-04-25 02:04

送一份2019年大前端完整学习路线（详解）

JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
前端工程师申胥·2019-04-13 00:00

layui弹窗间的传值（layui弹出层传值）(窗口传值)

主要有两部分1、从主窗口传值到弹出层2、从弹出层传值到主窗口3、通过session互传4、通过调用父窗口的函数从而获取到父窗口的值（相反也是可以的）1、从主窗口传值到弹出层首先时jschangefileone
图纸t·2019-04-04 10:17

同一页面存在多个laydate时间控件，弹出层控件闪退问题解决

起因：项目中列表查询存在按时间范围查询，在添加的弹出框中存在要输入开始时间，这样同一个页面就存在两个时间控件。解决：找了一个老哥说的，的确可以实现，但是我时间控件所需要的样式、功能不同就不能这样实现了。自己多次尝试后得出一个解决方法，真的很简单。。。先列出老哥的做法：jsp页面:（注意:class必须添加test-item样式这是重点，具体去看layui文档）js代码:layui.use('lay
破草·2019-03-27 09:10

layui按钮监听事件-弹出层

备忘,需要先引入对应的js和css文件弹出层functiontest1(){layui.use('layer',function(){varlayer=layui.layer;layer.open({title
LAST_JEDI·2019-03-22 15:50

React中禁止页面滚动

最近用react做了一个H5端的页面，主要实现了一个弹层滑动选择的功能，效果如图：遇到了一个问题，当在底部弹出层进行滚动选择城市区划时，蒙版后的页面也会随着滚动。
sept08·2019-03-21 00:00

遮罩层禁止滚动

移动端经常遇到弹出层，为了凸显弹出层会加一个遮罩层例如下图遮罩层的样式.mask{width:100vw;height:100%;background-color:rgba(0,0,0,0.5);position
Doubleu_·2019-03-18 16:41

遮罩层禁止滚动

移动端经常遇到弹出层，为了凸显弹出层会加一个遮罩层例如下图遮罩层的样式.mask{width:100vw;height:100%;background-color:rgba(0,0,0,0.5);position
Doubleu_·2019-03-18 16:41

前端框架LayUI使用记录

一、LayUI前端框架layer弹出层组件效果--layui的弹层模块可以单独使用layer，依赖JquerylayDate日期选择器组件--layui的日期组件可单独使用laydatelayIM即时通信组件二
李佳臣·2019-03-17 00:00

弹窗内的input输入框无法获取焦点

3）最终发现第二个弹窗用的是Bootstrap框架，此框架只支持一层model层，即当前model层上无法再用弹出层，最后找到了解决方案，将第二弹出层的最外层div的“tabinde
Stars_Li·2019-02-27 11:02

微信小程序开发之购物车底部滑入动画

另一个是购物车列表弹出层cart.wxml，我们要实现的效果是点击goods.wxml组件里的“购物车”按钮，然后从底部滑入一个购物车列表弹出层（cart.wxml）。
毕竟1米八·2019-02-25 11:00

纯CSS3带遮罩的弹出层插件

dome直接拉走看重点几个CSS3属性注释标的很清熟练运用这几个属性可以做各种层次界面*{padding:0;margin:0;text-decoration:none;}body{background-color:#272727;}.container{/*vw、vh相对像素，相对于浏览器百分比*/width:100vw;height:100vh;/*CSS3flex弹性定位*/display:
栈木地·2019-01-25 16:12

移动端之模态框滚动穿透问题

相信各位小伙伴利用H5做移动端应用时，在写弹出层时肯定用到过滚动穿透问题，虽然页面加了背景遮罩，滑动页面时，如若页面滚在滚动条，底部仍然可以滑动。
Gerryli·2019-01-25 14:00

滚动穿透问题

众所周知，移动端有fixed遮罩或弹出层时，屏幕上滑动，后面的背景也会跟着滚动，强迫症的我总是觉得不舒服。然而也没有找到完美的解决方法。这里说说两种能用的方法。
江峰★·2019-01-22 15:00

安卓系统video视频层级问题

在移动端网页含有video的时候，video的时候的层级总是最高的，现阶段ios系统已经解决了这个问题；但安卓系统总会出现：视频播放时，如果出现弹出层；弹出层就会被视频覆盖，相当别扭；目前可想到的解决方案是
jiajunmiku·2019-01-21 10:36

写收货地址代码模块的思路整理——省市联动

一个同事接到一个开发任务，其中有一个功能模块就是关于收货地址的，在收货地址的回显上遇到了一些麻烦，因为我之前做过收货地址的模块，因此将经验总结于下，供大家参考：所用技术：AngularJs一、模块功能介绍单击选择地址弹出层后
乾进·2019-01-17 11:33

Layui点击图片弹框预览

newImage();img.src=obj.src;//varheight=img.height+50;//原图片大小//varwidth=img.width;//原图片大小varimgHtml="";//弹出层
amenghui·2019-01-12 13:37

「读懂源码系列1」还在恐惧读源码？看完这篇就不怕了

需求是要实现，让我们自己定制的弹出层，具备按下ESC也能退出的功能。我把任务交给了同组的小伙伴S去实现。（这个项目用到了vue技术栈，以及饿了么的UI框架。）
micherwa·2019-01-09 00:00

原生Js弹窗插件|web弹出层组件|对话框

wcPop.js是一款基于原生javascript开发的前端web版弹窗组件，遵循原生H5/css3/JS的书写规范，简单实用、拿来即用（压缩后仅10KB）。已经兼容各大主流浏览器。内含多种弹窗类型（普通型弹窗、仿微信|android|ios弹窗、定位弹窗、全屏弹窗），多种动画展示效果，可以让您的网页对话框千变万化。◆一睹风采◆在页面只需引入wcPop.js即可：◆API调用方式极为简单：/**=
xiaoyan2017·2019-01-06 11:00

layer弹出层

简单的整理一下layer弹出层的几种弹框方式，方便日后使用时的查找：1.弹出提示层//弹出一个提示层$('#test1').on('click',function(){layer.msg('hello'
亦初的心火·2019-01-04 14:00

灵活的弹出层方案Popup

为了解决业务中经常出现的弹层问题，我抽象了一个简单的弹层框架。这个框架写的很简单，基本看两眼就懂了，也容易扩展。框架有三部分组成，内容层（View），背景渲染层（View），视图控制器（ViewController）、管理者（简单分装用法）主要思路是，创建一个自定义window，并作为keyWindow遮盖在当前window之上。在这个window上再绘制需要的背景，内容，动画效果。这个库进行扩展
Ginhoor·2019-01-03 13:58

jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】

分享给大家供大家参考，具体如下：拖动浮层（div等任何标签）之前项目做到一个弹出层需要一个拖动功能，上网上查了资料，发现很多方法，但是感觉都很繁琐，有的甚至没看懂。
csmzl·2018-12-29 11:49

angular6 填坑之sdk的方法

坑一：sdkangular的sdk不属于各个模块，直接挂载在body下面，antdesign直接使用sdk，导致任何的弹出层，如select，dropdown，picker等在弹出来的时候自动创建覆盖全局的
wangmiao2606·2018-12-27 11:25

前端完整学习路线

JS基本特效：常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。JS高级特征：正则表达式、排序算
pycmsj·2018-12-25 21:00

Layer父子界面交互， require.js的配置和引入layer.js

基本原理：获取弹出层实体，通过向方法传递参数的形式去弱化父子关系。
Dod_Jdi·2018-12-21 15:40

Layer父子界面交互， require.js的配置和引入layer.js

基本原理：获取弹出层实体，通过向方法传递参数的形式去弱化父子关系。
Dod_Jdi·2018-12-21 15:40

layer弹出层

实现点击input输入框有弹窗获取当前浏览器大小var_width=$(window).width();var_height=$(window).height();$("#id").click(function(){layui.use("layer",function(){//（若想要加载多个组件，如：时间，表单可用[]layui.use(['layer','laydate','form'],fu
pang丶·2018-12-20 14:56

超时登陆验证

起初我采用的是js判断，使用定时器，鼠标移动和点击都会触发事件，然后问题来了，由于页面上有弹出层，弹出之后上一层的计时器依旧运行，虽然可以使用clearInterval可以清除，但是需要考虑的问题甚多
你好啊鱼骨头·2018-12-19 11:49

iOS11.3以下modal中input光标错位的解决方法

以后的系统中修复了；解决办法：在body标签中添加样式:body{position:fixed;width:100%;}或者body{overflow:hidden;height:100%;}ios11，弹出层内的
YuanWing·2018-12-13 10:16

layer.open使用方法和参数

最大最小化默认falsetitle:title,//页面标题shadeClose:true,//点击遮罩区域是否关闭页面shade:0.8,//遮罩透明度area:['900px','500px'],//弹出层页面比例
Mr. Karry·2018-12-07 16:46

Jquery 点击图片在弹出层显示大图 （很好用）

效果图片：1.点击前的效果：2.点击后的效果：html代码：JS代码：$(function(){$(".pimg").click(function(){var_this=$(this);//将当前的pimg元素作为_this传入函数imgShow("#outerdiv","#innerdiv","#bigimg",_this);});});functionimgShow(outerdiv,inne
nzz_171214·2018-11-29 17:34

Layer弹出层关闭后刷新父页面

一、Layer弹出层关闭后刷新父页面//编辑$("#edit").on("click",function(){varid=getIdSelections();//debugger;varaddUrl='
csdnluolei·2018-11-16 15:20

在layer弹出层中通过ajax返回html拼接字符串填充数据的方法

1，在给一个layer弹出层做checkbox自动选中时，ViewBag传递的时object类型，用不了lambda表达式，代码如下，@foreach(varperminViewBag.allPerms
小小妥妥大大·2018-11-13 11:27

layer实现关闭弹出层刷新父界面功能详解

本文实例讲述了layer实现关闭弹出层刷新父界面功能。
geeooooz·2018-11-06 12:24

移动端滚动穿透问题解决办法

本文转自：https://uedsky.com/2016-06/mobile-modal-scroll/问题众所周知，移动端当有fixed遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容，这就是臭名昭著的滚动穿透问题方案
jiang_my·2018-11-05 00:00

微信小程序实现弹出层效果

本文实例为大家分享了微信小程序实现弹出层效果的具体代码，供大家参考，具体内容如下先看下效果图吧其实这个效果实现起来很简单，就是通过三目运算符来控制遮罩层的显示和隐藏贴代码了：规则按钮：规则遮罩层：我这个数据是从后台拿来动态渲染到页面的
进阶的码农·2018-11-04 11:54

BootStrap中的模态框（modal，弹出层）功能示例代码

bootstrap中的模态框（modal），不同于Tooltips，模态框以弹出对话框的形式出现，具有最小和最实用的功能集。务必将模态框的HTML代码放在文档的最高层级内（也就是说，尽量作为body标签的直接子元素），以避免其他组件影响模态框的展现或功能。默认的modal示例：BootstrapModalLaunchdemomodal×ModaltitleOnefinebody…CloseSave
最伟大的程序员·2018-11-02 10:05

关于MUI的弹出层mui-popover的问题。

这里要说的是mui-popover，也就是MUI的弹出层，弹出的位置样式丑我们也不说了，自己慢慢去设置。主要问题是这个弹出层没有回调函数的问题。
dengjiecsdn·2018-10-31 17:10

vue项目中实现图片预览的公用组件功能

在查看单据的列表中，有一列是影像字段，一开始根据单据号调用接口查看是否有图片附件，如果有则弹出一个全屏的弹出层，如果没有给出提示。而且，从列表进入详情之后，附件那边也会有一个查看影像的按钮。
空一座旧城，守一个旧人·2018-10-26 16:58

移动端弹窗时，弹窗可以滚动body禁止滚动。

预览地址：http://106.15.190.226/m/team.html（注：移动端需要使用移动端视图）手机站-管理团队-设计稿参考文章：移动端弹出层滚动时禁止body滚动我使用了里面的第二种方法：
阿鲁提尔·2018-10-24 09:06

Vue中使用mint-ui的日期插件时在ios上会有滚动穿透问题

问题：在ios上选择日期上下滑动时，整个页面会跟着滚动，安卓是正常的解决方法就是在日期弹出层出现的时候禁止页面的默认滚动机制，日期弹出层消失的时候解除禁止页面的默认滚动机制1.调用日期组件2.设置监听函数
dakache11·2018-10-23 13:00

移动端弹出层，背景body禁止滑动

1、弹出层内无需滑动效果//box:弹出层背景元素box.addEventListener('touchmove',function(e){e.preventDefault()})2、背景禁止滑动，弹出层内可以滑动
hongi_k·2018-10-22 12:09

mui框架实现弹出框代码

移除底部或顶部三角,需要在删除此代码*/.mui-popover.mui-popover-arrow:after{width:0px;}.mui-popover#popup{height:30px;}自定义位置弹出层点击此打开中间的弹出
cxyxl_3329·2018-10-17 16:16

可视化爬虫配置chrome插件开发之搭建vue开发环境

使用vue开发chrome插件的好处本次开发的插件是抓取配置插件，有很多的form表单以及弹出层，如果纯使用js的话会有很多动态创建dom的操作。
绒花雪冷·2018-10-17 00:00

ajax封装

原文链接：http://www.cnblogs.com/tutao1995/p/9777271.htmlajax:{//返回弹出层信息showloading:functionprg_show_load_layer
done1898·2018-10-12 11:00

个人技能树成长记录（更新至2018-10-06）

前端项目经验主要集中在页面保真还原和API数据对接上页面：布局————DIV+CSS、Flex实现常见的各种页面布局（UI框架，暂只使用过Bootstrap,一般靠抽离公共样式后进行手撸）功能：基础应用功能均熟练，包括不限于表单、弹出层
孤明·2018-10-06 16:36

layUI子页面向父页面传值

这里面进行文件上传，需要将上传好的文件ID传回父页面中我自己写了一个通用方法：其中也包括了弹出框通用方法/***layui弹出框共同方法*@paramtitle标题*@paramurl请求的url*@paramw弹出层宽度
AbsoloutelyNT·2018-09-29 15:06
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他