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 相关文章推荐
解读JavaScript代码 var ie = !-[1,] 最短的IE判定代码
May 28 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
Feb 13 Javascript
Jquery promise实现一张一张加载图片
Nov 13 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
Dec 04 Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 Javascript
seaJs使用心得之exports与module.exports的区别实例分析
Oct 13 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
Nov 17 Javascript
基于javascript 显式转换与隐式转换(详解)
Dec 15 Javascript
Vue.js做select下拉列表的实例(ul-li标签仿select标签)
Mar 02 Javascript
基于Vue 服务端Cookies删除的问题
Sep 21 Javascript
JS防抖和节流实例解析
Sep 24 Javascript
JS轮播图的实现方法2
Aug 25 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/04/28 PHP
利用PHP自动生成印有用户信息的名片
2016/08/01 PHP
php封装的mongodb操作类代码
2017/08/06 PHP
添加到收藏夹代码(兼容几乎所有的浏览器)
2007/01/09 Javascript
js身份证判断方法支持15位和18位
2014/03/18 Javascript
Javascript学习指南
2014/12/01 Javascript
jQuery显示和隐藏 常用的状态判断方法
2015/01/29 Javascript
js实现精美的银灰色竖排折叠菜单
2015/05/16 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
2015/11/15 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
angular6 填坑之sdk的方法
2018/12/27 Javascript
layui点击数据表格添加或删除一行的例子
2019/09/12 Javascript
nodejs一个简单的文件服务器的创建方法
2019/09/13 NodeJs
原生js拖拽实现图形伸缩效果
2020/02/10 Javascript
在vue中使用防抖函数组件操作
2020/07/26 Javascript
js+css3实现炫酷时钟
2020/08/18 Javascript
python thrift搭建服务端和客户端测试程序
2018/01/17 Python
详解Python核心对象类型字符串
2018/02/11 Python
基于python中theano库的线性回归
2018/08/31 Python
Python实现按逗号分隔列表的方法
2018/10/23 Python
python提取包含关键字的整行数据方法
2018/12/11 Python
pytorch查看torch.Tensor和model是否在CUDA上的实例
2020/01/03 Python
Flask 上传自定义头像的实例详解
2020/01/09 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
以思科路由器为例你写下单臂路由的配置命令
2013/08/03 面试题
幼儿园教师备课制度
2014/01/12 职场文书
淘宝中秋节活动方案
2014/01/31 职场文书
公司年会主持词
2014/03/22 职场文书
出国留学经济担保书
2014/04/01 职场文书
优秀员工评优方案
2014/06/13 职场文书
学生安全责任书模板
2014/07/25 职场文书
群众路线剖析材料怎么写
2014/10/09 职场文书
吴仁宝观后感
2015/06/09 职场文书
六年级语文教学反思
2016/03/03 职场文书
索尼ICF-36收音机评测
2022/04/30 无线电
mysql通过group by分组取最大时间对应数据的两种有效方法
2022/09/23 MySQL