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的面向对象的特性实现限制试用期
Aug 04 Javascript
jquery ready(fn)事件使用介绍
Aug 21 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
Mar 13 Javascript
jquery实现表格隔行换色效果
Nov 19 Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 Javascript
js控制div层的叠加简单方法
Oct 15 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
分分钟玩转Vue.js组件(二)
Mar 01 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
Jul 18 Javascript
微信小程序获取用户openid的实现
Dec 24 Javascript
JavaScript Math对象和调试程序的方法分析
May 13 Javascript
vue将data恢复到初始状态 && 重新渲染组件实例
Sep 04 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高级编程-函数-郑阿奇
2011/07/04 PHP
php递归创建和删除文件夹的代码小结
2012/04/13 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
实例分析基于PHP微信网页获取用户信息
2017/11/24 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
用cookies实现的可记忆的样式切换效果代码下载
2007/12/24 Javascript
借用Google的Javascript API Loader来加速你的网站
2009/01/28 Javascript
js 字符串转化成数字的代码
2011/06/29 Javascript
Javascript 按位取反运算符 (~)
2014/02/04 Javascript
回车直接实现点击某按钮的效果即触发单击事件
2014/02/27 Javascript
jquery中EasyUI使用技巧小结
2015/02/10 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
2015/10/26 Javascript
Bootstrap学习笔记之js组件(4)
2016/06/12 Javascript
Koa 使用小技巧(小结)
2018/10/22 Javascript
微信小程序获取地理位置及经纬度授权代码实例
2019/09/18 Javascript
vue2.0+SVG实现音乐播放圆形进度条组件
2019/09/21 Javascript
Python发送form-data请求及拼接form-data内容的方法
2016/03/05 Python
Python使用functools模块中的partial函数生成偏函数
2016/07/02 Python
python 用lambda函数替换for循环的方法
2018/06/09 Python
django2用iframe标签完成网页内嵌播放b站视频功能
2018/06/20 Python
Python根据文件名批量转移图片的方法
2018/10/21 Python
python 多线程重启方法
2019/02/18 Python
python查询文件夹下excel的sheet名代码实例
2019/04/02 Python
如何利用Python模拟GitHub登录详解
2019/07/15 Python
Python ORM编程基础示例
2020/02/02 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
Python字典实现伪切片功能
2020/10/28 Python
python3判断IP地址的方法
2021/03/04 Python
师范大学毕业自我鉴定
2013/11/21 职场文书
医院总经理职责
2013/12/26 职场文书
工作违纪检讨书
2014/02/17 职场文书
缅怀先烈演讲稿
2014/09/03 职场文书
试用期员工工作自我评价
2014/09/10 职场文书
质检员岗位职责范本
2015/04/07 职场文书