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 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
Bootstrap中的Panel和Table全面解析
Jun 13 Javascript
微信小程序网络请求的封装与填坑之路
Apr 01 Javascript
浅谈vue-cli 3.0.x 初体验
Apr 11 Javascript
详解vue组件开发脚手架
Jun 15 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
Dec 30 Javascript
JavaScript数组去重的方法总结【12种方法,号称史上最全】
Feb 28 Javascript
Vue3.0数据响应式原理详解
Oct 09 Javascript
js键盘事件实现人物的行走
Jan 17 Javascript
Javascript模块化机制实现原理详解
Apr 02 Javascript
javascript-hashchange事件和历史状态管理实例分析
Apr 18 Javascript
JS闭包原理及其使用场景解析
Dec 03 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
PHP 图片文件上传实现代码
2010/12/29 PHP
php中使用Ajax时出现Error(c00ce56e)的详细解决方案
2014/11/03 PHP
php通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
php简单实现单态设计模式的方法分析
2017/07/28 PHP
PHP常见的几种攻击方式实例小结
2019/04/29 PHP
javascript生成/解析dom的CDATA类型的字段的代码
2007/04/22 Javascript
JavaScript 页面坐标相关知识整理
2010/01/09 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
2011/11/18 Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
2013/01/30 Javascript
javascript重写alert方法的实例代码
2013/03/29 Javascript
可选择和输入的下拉列表框示例
2013/11/05 Javascript
封装了jQuery的Ajax请求全局配置
2015/02/05 Javascript
js鼠标点击图片切换效果代码分享
2015/08/26 Javascript
webpack下实现动态引入文件方法
2018/02/22 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
2018/03/01 Javascript
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
vue使用vant中的checkbox实现全选功能
2020/11/17 Vue.js
[42:20]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
简单讲解Python中的闭包
2015/08/11 Python
Pandas中DataFrame的分组/分割/合并的实现
2019/07/16 Python
python爬虫 模拟登录人人网过程解析
2019/07/31 Python
Python遍历字典方式就实例详解
2019/12/28 Python
HTML5超炫酷粒子效果的进度条的实现示例
2019/08/23 HTML / CSS
朗仕(Lab series)英国官网:雅诗兰黛集团男士专属护肤品牌
2017/11/28 全球购物
将世界上最美丽的摄影作品转化为艺术作品:Photos.com
2017/11/28 全球购物
Superdry极度干燥美国官网:英国制造的服装品牌
2018/11/13 全球购物
违反学校规定检讨书
2014/01/18 职场文书
青年教师培训方案
2014/02/06 职场文书
服装采购员岗位职责
2014/03/15 职场文书
个人工作作风整改措施思想汇报
2014/10/13 职场文书
2014年青年志愿者工作总结
2014/12/09 职场文书
努力学习保证书
2015/02/26 职场文书
学校教师师德师风承诺书
2015/04/28 职场文书
毕业实习感受与体会
2015/05/26 职场文书
pandas中DataFrame检测重复值的实现
2021/05/26 Python