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定义变量和变量优先级问题探讨
Oct 11 Javascript
jQuery实现垂直半透明手风琴特效代码分享
Aug 21 Javascript
提升jQuery的性能需要做好七件事
Jan 11 Javascript
vue轮播图插件vue-concise-slider的使用
Mar 13 Javascript
微信小程序自定义组件封装及父子间组件传值的方法
Aug 28 Javascript
vue环形进度条组件实例应用
Oct 10 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
Jan 18 Javascript
vue与bootstrap实现简单用户信息添加删除功能
Feb 15 Javascript
koa+jwt实现token验证与刷新功能
May 30 Javascript
微信小程序scroll-view实现滚动到锚点左侧导航栏点餐功能(点击种类,滚动到锚点)
Jun 11 Javascript
JavaScript实现刮刮乐效果
Nov 01 Javascript
vue实现轮播图帧率播放
Jan 26 Vue.js
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
收音机鉴频器对声音的影响和频偏分析
2021/03/02 无线电
require(),include(),require_once()和include_once()的异同
2007/01/02 PHP
10个实用的PHP代码片段
2011/09/02 PHP
分享一下贝贝成长进度的php代码
2012/09/14 PHP
Zend Framework教程之路由功能Zend_Controller_Router详解
2016/03/07 PHP
jQuery+ajax实现顶一下,踩一下效果
2010/07/17 Javascript
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
js从10种颜色中随机取色实现每次取出不同的颜色
2013/10/23 Javascript
javascript中var的重要性分析
2015/02/11 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
2015/02/28 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
2016/09/24 Javascript
jquery对所有input type=text的控件赋值实现方法
2016/12/02 Javascript
浅谈js中同名函数和同名变量的执行问题
2017/02/12 Javascript
vue2.0移除或更改的一些东西(移除index key)
2017/08/28 Javascript
JavaScript日期工具类DateUtils定义与用法示例
2018/09/03 Javascript
webpack.DefinePlugin与cross-env区别详解
2020/02/23 Javascript
Python三级菜单的实例
2017/09/13 Python
python中文件变化监控示例(watchdog)
2017/10/16 Python
python机器学习实战之树回归详解
2017/12/20 Python
Django中使用Celery的教程详解
2018/08/24 Python
python爬虫豆瓣网的模拟登录实现
2019/08/21 Python
Python OpenCV读取显示视频的方法示例
2020/02/20 Python
python剪切视频与合并视频的实现
2020/03/03 Python
python属于解释型语言么
2020/06/15 Python
Python偏函数实现原理及应用
2020/11/20 Python
工程管理专业个人求职信范文
2013/12/07 职场文书
养牛场项目建议书
2014/05/13 职场文书
上海世博会口号
2014/06/19 职场文书
教师纪念9.18事件演讲稿范文
2014/09/14 职场文书
领导班子遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
医生个人自我剖析材料
2014/10/08 职场文书
小人国观后感
2015/06/11 职场文书
2016公务员年度考核评语
2015/12/01 职场文书
2016秋季田径运动会广播稿
2015/12/21 职场文书
python numpy中multiply与*及matul 的区别说明
2021/05/26 Python
Python如何将list中的string转换为int
2022/07/15 Ruby