JavaScript

超轻量级php框架startmvc

layer设置maxWidth及maxHeight解决方案

更新时间:2020-09-06 02:42 作者:startmvc
layer介绍layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务

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