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 //弹出层内容 });
上一篇: LinuxShell脚本——函数