layer设置maxWidth及maxHeight解决方案

 更新时间:2019年07月26日 12:01:16   作者:爱在846  
这篇文章主要介绍了layer设置maxWidth及maxHeight解决方案,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下

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解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

相关文章

  • 微信小程序教程系列之页面跳转和参数传递(6)

    微信小程序教程系列之页面跳转和参数传递(6)

    这篇文章主要为大家详细介绍了微信小程序教程系列之页面跳转和参数传递,微信小程序提供了3种页面跳转方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • ES6新特性三: Generator(生成器)函数详解

    ES6新特性三: Generator(生成器)函数详解

    这篇文章主要介绍了ES6新特性之Generator(生成器)函数,简单分析了Generator(生成器)函数的功能、定义、调用方法并结合实例形式给出了相关使用技巧,需要的朋友可以参考下
    2017-04-04
  • 用nodejs实现PHP的print_r函数代码

    用nodejs实现PHP的print_r函数代码

    这篇文章主要介绍了用nodejs实现PHP的print_r函数代码,需要的朋友可以参考下
    2014-03-03
  • js判断登录与否并确定跳转页面的方法

    js判断登录与否并确定跳转页面的方法

    这篇文章主要介绍了js判断登录与否并确定跳转页面的方法,涉及Ajax及session使用的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-01-01
  • javascript快速排序算法详解

    javascript快速排序算法详解

    JavaScript实现的常见排序算法有:冒泡排序,选择排序,插入排序,谢尔排序,快速排序(递归),快速排序(堆栈),归并排序,堆排序。今天我们来详细分析下快速排序算法
    2014-09-09
  • js点击文本框后才加载验证码实例代码

    js点击文本框后才加载验证码实例代码

    这篇文章是一段关于js点击文本框后才加载验证码实例代码,而不是直接显示验证码,感兴趣的小伙伴们可以参考一下
    2015-10-10
  • JavaScript图片轮播代码分享

    JavaScript图片轮播代码分享

    这篇文章主要为大家详细介绍了javascript实现图片自动轮播切换特效,图片可以自行替换,推荐给大家,有需要的小伙伴可以参考下
    2015-07-07
  • 详解JavaScript中的构造器Constructor模式

    详解JavaScript中的构造器Constructor模式

    构造器Constructor不能被继承,因此不能重写Overriding,但可以被重载Overloading。通过本文给大家分享JavaScript中的构造器Constructor模式,对构造器constructor相关知识感兴趣的朋友一起学习吧
    2016-01-01
  • js 静态动态成员 and 信息的封装和隐藏

    js 静态动态成员 and 信息的封装和隐藏

    一下用面向对象的相关概念来解释js中的仿面向对象,因为js中不像其他语言,不存在面向对象语言的相关特性
    2011-05-05
  • JS实现div居中示例

    JS实现div居中示例

    div居中的方法有很多,网上可以找得到,但是本文要介绍的是使用JS实现的,比较另类,大家不妨参考下
    2014-04-04

最新评论