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 相关文章推荐
整理的比较全的event对像在ie与firefox浏览器中的区别
Nov 25 Javascript
JS小功能(列表页面隔行变色)简单实现
Nov 28 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
Mar 26 Javascript
jQuery插件ajaxfileupload.js实现上传文件
Oct 23 Javascript
Bootstrap CSS组件之按钮组(btn-group)
Dec 17 Javascript
jQuery实现验证码功能
Mar 17 Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 Javascript
JavaScript 中的 this 简单规则
Sep 19 Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 Javascript
使用vue + less 实现简单换肤功能的示例
Feb 21 Javascript
微信小程序form表单组件示例代码
Jul 15 Javascript
vue中的router-view组件的使用教程
Oct 23 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
雄兵连:第三季确定会出,不过时间未定,鹤熙是第三季的主角!
2020/03/13 国漫
PHP开发注意事项总结
2015/02/04 PHP
php随机获取金山词霸每日一句的方法
2015/07/09 PHP
对比PHP对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
PHP htmlspecialchars() 函数实例代码及用法大全
2018/09/18 PHP
JavaScript DOM学习第一章 W3C DOM简介
2010/02/19 Javascript
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
js面向对象设计用{}好还是function(){}好(构造函数)
2011/10/23 Javascript
jquery插件珍藏(图片局部放大/信息提示框)
2013/01/08 Javascript
Jquery通过Ajax访问XML数据的小例子
2013/11/18 Javascript
JavaScript基础知识学习笔记
2014/12/02 Javascript
transport.js和jquery冲突问题的解决方法
2015/02/10 Javascript
简单谈谈JavaScript的同步与异步
2015/12/31 Javascript
JavaScript编程学习技巧汇总
2016/02/21 Javascript
jQuery事件委托之Safari
2016/07/05 Javascript
JS原型链 详解及示例代码
2016/09/06 Javascript
nodejs个人博客开发第六步 数据分页
2017/04/12 NodeJs
Bootstrap实现的标签页内容切换显示效果示例
2017/05/25 Javascript
深入理解JavaScript和TypeScript中的class
2018/04/22 Javascript
详解vue2.0模拟后台json数据
2019/05/16 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
JS实现小米轮播图
2020/09/21 Javascript
Python排序算法实例代码
2017/08/10 Python
PyQt5主窗口动态加载Widget实例代码
2018/02/07 Python
python实现Dijkstra算法的最短路径问题
2019/06/21 Python
简单了解python 生成器 列表推导式 生成器表达式
2019/08/22 Python
Python3使用xml.dom.minidom和xml.etree模块儿解析xml文件封装函数的方法
2019/09/23 Python
比利时家具购买网站:Home24
2019/01/03 全球购物
美国手机支架公司:PopSockets
2019/11/27 全球购物
学习十八届三中全会精神实施方案
2014/02/17 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
离婚协议书范本2014
2014/10/27 职场文书
清明节寄语2015
2015/03/23 职场文书
销售区域经理岗位职责
2015/04/10 职场文书
单身证明范本
2015/06/15 职场文书
银行文明优质服务培训心得体会
2016/01/09 职场文书