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闭包 实例分析
Dec 25 Javascript
Dom 结点创建 基础知识
Oct 01 Javascript
jQuery 在光标定位的地方插入文字的插件
May 10 Javascript
javascript实现滑动解锁功能
Dec 31 Javascript
jQuery()方法的第二个参数详解
Apr 29 Javascript
纯javascript移动优先的幻灯片效果
Nov 02 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
Aug 15 Javascript
node实现的爬虫功能示例
May 04 Javascript
浅谈ElementUI中switch回调函数change的参数问题
Aug 24 Javascript
vue如何自动化打包测试环境和正式环境的dist/test文件
Jun 06 Javascript
vue created钩子函数与mounted钩子函数的用法区别
Nov 05 Javascript
JavaScript实现简单计时器
Jun 22 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中反射的应用
2016/03/15 PHP
详解PHP发送邮件知识点
2018/05/06 PHP
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
详谈JavaScript内存泄漏
2014/11/14 Javascript
jQuery实现的背景动态变化导航菜单效果
2015/08/24 Javascript
js倒计时抢购实例
2015/12/20 Javascript
漫谈JS引擎的运行机制 你应该知道什么
2016/06/15 Javascript
微信小程序 天气预报开发实例代码源码
2017/01/20 Javascript
微信小程序页面间通信的5种方式
2017/03/31 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
2017/11/12 Javascript
vue cli webpack中使用sass的方法
2018/02/24 Javascript
vue+webpack模拟后台数据的示例代码
2018/07/26 Javascript
vue-cli3全面配置详解
2018/11/14 Javascript
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
详解JavaScript之ES5的继承
2020/07/08 Javascript
[03:05]DOTA2英雄基础教程 嗜血狂魔
2013/12/10 DOTA
[00:03]DOTA2新版本PA至宝展示
2014/11/19 DOTA
[03:12]完美世界DOTA2联赛PWL DAY6集锦
2020/11/05 DOTA
Python3.6简单反射操作示例
2018/06/14 Python
Python干货:分享Python绘制六种可视化图表
2018/08/27 Python
python网络应用开发知识点浅析
2019/05/28 Python
python实现按首字母分类查找功能
2019/10/31 Python
如何基于python实现画不同品种的樱花树
2020/01/03 Python
详解python变量与数据类型
2020/08/25 Python
Python生成并下载文件后端代码实例
2020/08/31 Python
Python开发.exe小工具的详细步骤
2021/01/27 Python
HTML5学习笔记之html5与传统html区别
2016/01/06 HTML / CSS
英国女装网上商店:I Saw It First
2018/10/18 全球购物
意大利文具和办公产品在线商店:Y-Office
2020/02/27 全球购物
空指针到底是什么
2012/08/07 面试题
表彰大会策划方案
2014/05/13 职场文书
七一讲话心得体会
2014/09/05 职场文书
大学生操行评语大全
2014/12/31 职场文书
律政俏佳人观后感
2015/06/09 职场文书
动漫APP软件排行榜前十名,半次元上榜,第一款由腾讯公司推出
2022/03/18 杂记