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 相关文章推荐
基于jQuery实现的Ajax 验证用户名是否存在的实现代码
Apr 06 Javascript
Jquery之Ajax运用 学习运用篇
Sep 26 Javascript
Chosen 基于jquery的选择框插件使用方法
May 30 Javascript
JS 对输入框进行限制(常用的都有)
Jul 30 Javascript
鼠标经过显示二级菜单js特效
Aug 13 Javascript
JS的document.all函数使用示例
Dec 30 Javascript
JQuery+EasyUI轻松实现步骤条效果
Feb 22 Javascript
Vue 仿百度搜索功能实现代码
Feb 16 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
学习RxJS之JavaScript框架Cycle.js
Jun 17 Javascript
微信小程序授权登陆及每次检查是否授权实例代码
Sep 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 全文搜索和替换的实现代码
2008/07/29 PHP
PHP 的ArrayAccess接口 像数组一样来访问你的PHP对象
2010/10/12 PHP
php获取汉字拼音首字母的方法
2015/10/21 PHP
php获取POST数据的三种方法实例详解
2016/12/20 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
jQuery对象数据缓存Cache原理及jQuery.data方法区别介绍
2013/04/07 Javascript
vue多级多选菜单组件开发
2020/09/08 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
jQuery返回定位插件详解
2017/05/15 jQuery
Vue.js 点击按钮显示/隐藏内容的实例代码
2018/02/08 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
Angular2之二级路由详解
2018/08/31 Javascript
在小程序中使用canvas的方法示例
2018/09/17 Javascript
layui原生表单验证的实例
2019/09/09 Javascript
利用信号如何监控Django模型对象字段值的变化详解
2017/11/27 Python
浅谈python装饰器探究与参数的领取
2017/12/01 Python
Python PyAutoGUI模块控制鼠标和键盘实现自动化任务详解
2018/09/04 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
pygame库实现移动底座弹球小游戏
2020/04/14 Python
使用 css3 transform 属性来变换背景图的方法
2019/05/07 HTML / CSS
CSS3 真的会替代 SCSS 吗
2021/03/09 HTML / CSS
Html5之webcoekt播放JPEG图片流
2020/09/22 HTML / CSS
JSF如何进行表格处理及取值
2012/08/06 面试题
先进班级集体事迹材料
2014/01/30 职场文书
年级组长自我鉴定
2014/02/22 职场文书
银行求职自荐书
2014/06/25 职场文书
政法干警核心价值观心得体会
2014/09/11 职场文书
研究生简历自我评
2015/03/11 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
化工厂员工工作总结
2015/10/15 职场文书
Nginx服务器如何设置url链接
2021/03/31 Servers
html+css实现文字折叠特效实例
2021/06/02 HTML / CSS
Python初学者必备的文件读写指南
2021/06/23 Python
win10以太网连接不上怎么办?Win10连接以太网详细教程
2022/04/08 数码科技