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 相关文章推荐
js刷新框架子页面的七种方法代码
Nov 20 Javascript
JS target与currentTarget区别说明
Aug 28 Javascript
node.js中的fs.futimes方法使用说明
Dec 17 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
js中获取时间new Date()的全面介绍
Jun 20 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
Nov 10 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
vue动态生成dom并且自动绑定事件
Apr 19 Javascript
Vue与Node.js通过socket.io通信的示例代码
Jul 25 Javascript
如何实现iframe父子传参通信
Feb 05 Javascript
解决pycharm双击但是无法打开的情况
Oct 31 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
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
解析使用ThinkPHP应该掌握的调试手段
2013/06/20 PHP
thinkphp中字符截取函数msubstr()用法分析
2016/01/09 PHP
让ie运行js时提示允许阻止内容运行的解决方法
2010/10/24 Javascript
自定义一个jquery插件[鼠标悬浮时候 出现说明label]
2011/06/27 Javascript
在页面中js获取光标/鼠标的坐标及光标的像素坐标
2013/11/11 Javascript
使用Chrome浏览器调试AngularJS应用的方法
2015/06/18 Javascript
原生js模拟淘宝购物车项目实战
2015/11/18 Javascript
Node.js操作mysql数据库增删改查
2016/03/30 Javascript
jquery中取消和绑定hover事件的实现代码
2016/06/02 Javascript
js阻止冒泡和默认事件(默认行为)详解
2016/10/20 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
解决 window.onload 被覆盖的问题方法
2020/01/14 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
python黑魔法之编码转换
2016/01/25 Python
python编码总结(编码类型、格式、转码)
2016/07/01 Python
Python如何判断数独是否合法
2016/09/08 Python
PyChar学习教程之自定义文件与代码模板详解
2017/07/17 Python
解决Python字典写入文件出行首行有空格的问题
2017/09/27 Python
用python中的matplotlib绘制方程图像代码
2019/11/21 Python
浅析python表达式4+0.5值的数据类型
2020/02/26 Python
Python中socket网络通信是干嘛的
2020/05/27 Python
美国知名户外用品畅销中心:Sierra Trading Post
2016/07/19 全球购物
Lou & Grey美国官网:主打舒适性面料服饰
2017/12/21 全球购物
PacSun官网:加州生活方式服装、鞋子和配饰
2018/03/10 全球购物
捷克家居装饰及图书音像购物网站:Velký košík
2018/04/16 全球购物
Farfetch台湾官网:奢侈品牌时尚购物平台
2019/06/17 全球购物
SmartBuyGlasses德国:购买太阳镜和眼镜
2019/08/20 全球购物
村委会主任先进事迹
2014/01/15 职场文书
导购员的岗位职责
2014/02/08 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
小时代观后感
2015/06/10 职场文书
公司管理建议书
2015/09/14 职场文书
导游词之无锡华莱坞
2019/12/02 职场文书
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
如何用六步教会你使用python爬虫爬取数据
2022/04/06 Python