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 性能优化指南(2)
May 21 Javascript
基于jquery的一个浮动框(扩展性比较好 )
Aug 27 Javascript
jQuery仿Excel表格编辑功能的实现代码
May 01 Javascript
JavaScript 实现鼠标拖动元素实例代码
Feb 24 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
bootstrap下拉菜单使用方法解析
Jan 13 Javascript
VUE脚手架的下载和配置步骤详解
Apr 01 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
May 26 Javascript
快速对接payjq的个人微信支付接口过程解析
Aug 15 Javascript
在react项目中使用antd的form组件,动态设置input框的值
Oct 24 Javascript
js实现菜单跳转效果
Dec 11 Javascript
vue 给数组添加新对象并赋值
Apr 20 Vue.js
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
DSP接收机前端设想
2021/03/02 无线电
PHP执行linux命令常用函数汇总
2016/02/02 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
php+jquery+html实现点击不刷新加载更多的实例代码
2016/08/12 PHP
从零开始学习jQuery (二) 万能的选择器
2010/10/01 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
Jquery中Ajax 缓存带来的影响的解决方法
2011/05/19 Javascript
jquery实现瀑布流效果分享
2014/03/26 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
node.js使用cluster实现多进程
2016/03/17 Javascript
JS给swf传参数的实现方法
2016/09/13 Javascript
在node.js中怎么屏蔽掉favicon.ico的请求
2017/03/01 Javascript
ES6中Class类的静态方法实例小结
2017/10/28 Javascript
vue实现点击展开点击收起效果
2018/04/27 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
2019/01/24 Javascript
js简单粗暴的发布订阅示例代码
2021/01/23 Javascript
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
python 获取当天每个准点时间戳的实例
2018/05/22 Python
python3.x实现发送邮件功能
2018/05/22 Python
Python os.rename() 重命名目录和文件的示例
2018/10/25 Python
将pip源更换到国内镜像的详细步骤
2019/04/07 Python
django之静态文件 django 2.0 在网页中显示图片的例子
2019/07/28 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
python列表删除和多重循环退出原理详解
2020/03/26 Python
在python中实现求输出1-3+5-7+9-......101的和
2020/04/02 Python
Python趣味实例,实现一个简单的抽奖刮刮卡
2020/07/18 Python
Joules美国官网:出色的英国风格
2017/10/30 全球购物
美国羊皮公司:Overland
2018/01/15 全球购物
波兰最大的儿童服装连锁店之一:5.10.15.
2018/02/11 全球购物
怎么写有吸引力的自荐信
2013/11/17 职场文书
教师师德反思材料
2014/02/15 职场文书
应届生求职信
2014/05/31 职场文书
党的群众路线教育实践活动领导班子整改措施
2014/10/28 职场文书
公司慰问信范文
2015/03/23 职场文书
餐饮行业关注的9大营销策略
2019/08/26 职场文书