我们在用layer弹窗的时候,如果是多层弹窗,会发现第一层弹窗关闭按钮没问题,
但是第二层弹窗,或者第N层弹窗,就会出现因为关闭按钮溢出导致出现滚动条的问题,如下图:
那么如何解决呢?
其实,有一种很简单的解决方案,那就是设置title属性:
将title属性由false设置成一个文本标题
修改title属性后:
layer.open({
type: 2,
title:false,
fix: false,
shadeClose: true,
area: ['500px', '500px'],
content:path + "/admin/event/cutover/circuitGroup/selectCircuit.jsp"
});
修改title属性后:
layer.open({
type: 2,
title: '选择电路',
fix: false,
shadeClose: true,
area: ['500px', '500px'],
content:path + "/admin/event/cutover/circuitGroup/selectCircuit.jsp"
});
修改之后的弹窗样式
这样子,关闭按钮就展示在弹窗里面了,而不会溢出导致出现滚动条。