欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

layer设置maxWidth及maxHeight解决方案

程序员文章站 2022-07-04 09:38:23
layer是目前应用非常广泛的弹出层,在使用过程中,遇到了设置maxHeight不起作用的问题,官方没有给出详细的api,在网上通过搜索及本地测试应用解决了该问题,在此记录以便查看。 ......

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             //弹出层内容
    });