layer设置maxWidth及maxHeight解决方案


Posted in Javascript onJuly 26, 2019

layer介绍

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站。

area属性

layer的宽高是通过area属性设置,例如 area:[‘300px',‘600px'],表示定义宽300px;高600px的弹出层;

默认设置:layer宽高都自适应的,即area默认值为‘auto'。

maxWidth及maxHeight属性

‘maxWidth'和‘maxHeight'分别对应css中‘max-width'及‘max-height',若想设置该属性,并让其起作用,必须将area属性设置为默认设置(area: 'auto')。

示例代码

layer.open({
    type: 1,
    title: '属性信息',     //弹出层标题
    area: 'auto',      //宽高自适应
    maxHeight:'600px',    //最大高度600像素
    shadeClose: true,     //点击遮罩关闭
    content: html       //弹出层内容
  });

总结

以上所述是小编给大家介绍的layer设置maxWidth及maxHeight解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
jquery load()在firefox(火狐)下显示不正常的解决方法
Apr 05 Javascript
JavaScript中判断函数是new还是()调用的区别说明
Apr 07 Javascript
跟我学习javascript的undefined与null
Nov 17 Javascript
深入浅析JS的数组遍历方法(推荐)
Jun 15 Javascript
在JavaScript中调用Java类和接口的方法
Sep 07 Javascript
js仿微信语音播放实现思路
Dec 12 Javascript
jQuery解析返回的xml和json方法详解
Jan 05 Javascript
canvas实现简易的圆环进度条效果
Feb 28 Javascript
AngularJS的$location使用方法详解
Oct 19 Javascript
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
Vue组件化开发之通用型弹出框的实现
Feb 28 Javascript
node.js如何根据URL返回指定的图片详解
Oct 21 Javascript
javascript中的闭包概念与用法实践分析
Jul 26 #Javascript
layui自定义插件citySelect实现省市区三级联动选择
Jul 26 #Javascript
微信小程序自定义头部导航栏和导航栏背景图片 navigationStyle问题
Jul 26 #Javascript
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 #jQuery
微信小程序—setTimeOut定时器的问题及解决
Jul 26 #Javascript
layUI实现三级导航菜单效果
Jul 26 #Javascript
layui实现三级联动效果
Jul 26 #Javascript
You might like
天津市收音机工业发展史
2021/03/04 无线电
php获取网页请求状态程序示例
2014/06/17 PHP
PHP命令行脚本接收传入参数的三种方式
2014/08/20 PHP
php使用gzip压缩传输js和css文件的方法
2015/07/29 PHP
DOM相关内容速查手册
2007/02/07 Javascript
JavaScript入门教程(8) Location地址对象
2009/01/31 Javascript
Jquery Validation插件防止重复提交表单的解决方法
2010/03/05 Javascript
使用JavaScript链式编程实现模拟Jquery函数
2014/12/21 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
vue中axios解决跨域问题和拦截器的使用方法
2018/03/07 Javascript
vue之将echart封装为组件
2018/06/02 Javascript
在vue中v-bind使用三目运算符绑定class的实例
2018/09/29 Javascript
简单的React SSR服务器渲染实现
2018/12/11 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
[02:22:36]《加油!DOTA》总决赛
2014/09/19 DOTA
利用Python学习RabbitMQ消息队列
2015/11/30 Python
Python利用Beautiful Soup模块创建对象详解
2017/03/27 Python
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
python 读文件,然后转化为矩阵的实例
2018/04/23 Python
Python常见字典内建函数用法示例
2018/05/14 Python
python 并发编程 非阻塞IO模型原理解析
2019/08/20 Python
使用OpenCV实现仿射变换—平移功能
2019/08/29 Python
pygame实现俄罗斯方块游戏(对战篇1)
2019/10/29 Python
Python使用sqlite3模块内置数据库
2020/05/07 Python
Python应用实现处理excel数据过程解析
2020/06/19 Python
Python调用REST API接口的几种方式汇总
2020/10/19 Python
HTML5 和小程序实现拍照图片旋转、压缩和上传功能
2018/10/08 HTML / CSS
方太官方网上商城:销售方太抽油烟机、燃气灶、消毒柜等
2017/01/17 全球购物
Hello Molly美国:女性时尚在线
2019/08/26 全球购物
预备党员思想汇报范文
2014/01/11 职场文书
秋季校运会广播稿100字
2014/09/18 职场文书
正风肃纪剖析材料
2014/09/30 职场文书
办公室管理规章制度
2015/08/04 职场文书
Vue实现下拉加载更多
2021/05/09 Vue.js
redis调用二维码时的不断刷新排查分析
2022/04/01 Redis