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.boxy插件的iframe扩展代码
Jul 02 Javascript
js通过googleAIP翻译PHP系统的语言配置的实现代码
Oct 17 Javascript
jQuery中delegate和on的用法与区别详细解析
Jan 26 Javascript
JQuery EasyUI 数字格式化处理示例
May 05 Javascript
js实现select跳转功能代码
Oct 22 Javascript
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
Oct 10 Javascript
jQuery中的Deferred和promise 的区别
Apr 03 Javascript
深入理解jQuery layui分页控件的使用
Aug 17 Javascript
js推箱子小游戏步骤代码解析
Jan 10 Javascript
ajax请求data遇到的问题分析
Jan 18 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
Nov 05 Javascript
jQuery模仿ToDoList实现简单的待办事项列表
Dec 30 jQuery
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冒泡算法详解(递归实现)
2014/11/10 PHP
PHP常见错误提示含义解释(实用!值得收藏)
2016/04/25 PHP
PHP数组相加操作及与array_merge的区别浅析
2016/11/26 PHP
删除PHP数组中头部、尾部、任意元素的实现代码
2017/04/10 PHP
PHP代码覆盖率统计详解
2020/07/22 PHP
js判读浏览器是否支持html5的canvas的代码
2013/11/18 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
2016/12/17 Javascript
基于JavaScript实现下拉列表左右移动代码
2017/02/07 Javascript
jquery横向纵向鼠标滚轮全屏切换
2017/02/27 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
2017/03/15 Javascript
JavaScript创建对象_动力节点Java学院整理
2017/06/27 Javascript
JS设计模式之数据访问对象模式的实例讲解
2017/09/30 Javascript
微信小程序中换行空格(多个空格)写法详解
2018/07/10 Javascript
vue axios数据请求get、post方法及实例详解
2018/09/11 Javascript
[01:24:51]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第二场
2014/05/26 DOTA
[03:10]2014DOTA2 TI马来劲旅Titan首战告捷目标只是8强
2014/07/10 DOTA
Pipenv一键搭建python虚拟环境的方法
2018/05/22 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
django settings.py 配置文件及介绍
2019/07/15 Python
django中上传图片分页三级联动效果的实现代码
2019/08/30 Python
pandas中遍历dataframe的每一个元素的实现
2019/10/23 Python
Python爬取股票信息,并可视化数据的示例
2020/09/26 Python
Python3使用tesserocr识别字母数字验证码的实现
2021/01/29 Python
利用CSS3实现的文字定时向上滚动
2016/08/29 HTML / CSS
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
戴尔荷兰官方网站:Dell荷兰
2020/10/04 全球购物
颇特女士:NET-A-PORTER(直邮中国)
2020/07/11 全球购物
县优秀教师事迹材料
2014/01/31 职场文书
《诺贝尔》教学反思
2014/02/17 职场文书
合作投资意向书
2014/04/01 职场文书
黄石寨导游词
2015/02/05 职场文书
2015年五一劳动节慰问信
2015/03/23 职场文书
乡镇保密工作承诺书
2015/05/04 职场文书
创业计划书之美甲店
2019/09/20 职场文书
JavaScript架构localStorage特殊场景下二次封装操作
2022/06/21 Javascript