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实现控制台控件的代码
Sep 04 Javascript
Javascript 中文字符串处理额外注意事项
Nov 15 Javascript
IE6图片加载的一个BUG解决方法
Jul 13 Javascript
jquery实现一个简单好用的弹出框
Sep 26 Javascript
Node.js 制作实时多人游戏框架
Jan 08 Javascript
jQuery封装的tab选项卡插件分享
Jun 16 Javascript
javascript数组去重方法分析
Dec 15 Javascript
JavaScript获取当前时间向前推三个月的方法示例
Feb 04 Javascript
jQuery事件对象的属性和方法详解
Sep 09 jQuery
JQuery常见节点操作实例分析
May 15 jQuery
小程序Request的另类用法详解
Aug 09 Javascript
Vue.extend 编程式插入组件的实现
Nov 18 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数据库开发知多少
2006/10/09 PHP
初品cakephp 入门基础
2012/02/16 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
Windows上php5.6操作mongodb数据库示例【配置、连接、获取实例】
2019/02/13 PHP
php屏蔽错误及提示的方法
2020/05/10 PHP
基于jquery的实现简单的表格中增加或删除下一行
2010/08/01 Javascript
jquery 列表双向选择器之改进版
2013/08/09 Javascript
js数组转json并在后台对其解析具体实现
2013/11/20 Javascript
jQuery中animate用法实例分析
2015/03/09 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
2016/03/08 Javascript
AngularJS实现根据变量改变动态加载模板的方法
2016/11/04 Javascript
微信小程序 scroll-view隐藏滚动条详解
2017/01/16 Javascript
微信小程序开发之toast等弹框提示使用教程
2017/06/08 Javascript
vue表单绑定实现多选框和下拉列表的实例
2017/08/12 Javascript
原生js调用json方法总结
2018/02/22 Javascript
Vue中使用clipboard实现复制功能
2018/09/05 Javascript
详解angular2.x创建项目入门指令
2018/10/11 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
2019/01/30 Javascript
详解React的回调渲染模式
2020/09/10 Javascript
[02:42]DOTA2英雄基础教程 杰奇洛
2013/12/23 DOTA
Python  __getattr__与__setattr__使用方法
2008/09/06 Python
使用Python的Twisted框架构建非阻塞下载程序的实例教程
2016/05/25 Python
python操作excel的方法
2018/08/16 Python
解决python3 pika之连接断开的问题
2018/12/18 Python
详解Python3注释知识点
2019/02/19 Python
Python如何处理大数据?3个技巧效率提升攻略(推荐)
2019/04/15 Python
详解Django配置优化方法
2019/11/18 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
python 解决pycharm运行py文件只有unittest选项的问题
2020/09/01 Python
python 基于opencv 实现一个鼠标绘图小程序
2020/12/11 Python
英语专业毕业生自荐信
2013/10/28 职场文书
市场总经理岗位职责
2014/04/11 职场文书
2014年祖国生日寄语
2014/09/19 职场文书
教师节简报
2015/07/20 职场文书
go 实现简易端口扫描的示例
2021/05/22 Golang
pytorch fine-tune 预训练的模型操作
2021/06/03 Python