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 17 Javascript
仿新浪微博返回顶部的jquery实现代码
Oct 01 Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
JavaScript 不支持 indexof 该如何解决
Mar 30 Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
Oct 25 Javascript
微信小程序进行微信支付的步骤昂述
Dec 01 Javascript
Angular中使用MathJax遇到的一些问题
Dec 15 Javascript
vue如何判断dom的class
Apr 26 Javascript
JavaScript设计模式之构造函数模式实例教程
Jul 02 Javascript
微信小程序实现翻牌抽奖动画
Sep 21 Javascript
vue中控制mock在开发环境使用,在生产环境禁用方式
Apr 06 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
浅谈php命令行用法
2015/02/04 PHP
thinkphp框架下404页面设置 仅三步
2016/05/14 PHP
我也种棵OO树JXTree[js+css+xml]
2007/04/02 Javascript
JavaScript URL参数读取改进版
2009/01/16 Javascript
jQuery遍历之next()、nextAll()方法使用实例
2014/11/08 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
数据结构中的各种排序方法小结(JS实现)
2016/07/23 Javascript
jQuery日程管理插件fullcalendar使用详解
2017/01/07 Javascript
JS组件系列之MVVM组件构建自己的Vue组件
2017/04/28 Javascript
vue组件父子间通信之综合练习(聊天室)
2017/11/07 Javascript
使用rollup打包JS的方法步骤
2018/12/05 Javascript
vue-router 前端路由之路由传值的方式详解
2019/04/30 Javascript
Angular封装表单控件及思想总结
2019/12/11 Javascript
vue+Element-ui实现分页效果
2020/11/15 Javascript
Python易忽视知识点小结
2015/05/25 Python
python简单读取大文件的方法
2016/07/01 Python
scrapy爬虫完整实例
2018/01/25 Python
python构建深度神经网络(续)
2018/03/10 Python
python3个性签名设计实现代码
2018/06/19 Python
Python3enumrate和range对比及示例详解
2019/07/13 Python
Django框架视图层URL映射与反向解析实例分析
2019/07/29 Python
如何用Python来搭建一个简单的推荐系统
2019/08/07 Python
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码
2020/04/10 HTML / CSS
巴西食品补充剂在线零售商:Músculos na Web
2017/08/07 全球购物
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
大学生专科学习生活的自我评价
2013/12/07 职场文书
秋季运动会活动方案
2014/02/05 职场文书
企业管理毕业生求职信
2014/03/11 职场文书
精彩的演讲稿开头
2014/05/08 职场文书
加油口号大全
2014/06/13 职场文书
学校欢迎标语
2014/06/18 职场文书
职工擅自离岗检讨书
2014/09/23 职场文书
义诊活动通知
2015/04/24 职场文书
暂住证明怎么写
2015/06/19 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书