我在页面写了一个窗口,默认状态是隐藏的。
整个页面效果如下:
放大后:
可以看到这里有一个很不协调的,为什么会产生这种情况呢。。。
经过2个小时左右的修改,一直不管用,我有另外一个页面和这里布局类似,但是没有这种问题,那个页面也有一个窗体。
经过修改窗体宽高后发现问题,当隐藏窗体过高时就会出现这种情况。可能是隐藏的窗体对浏览器计算位置有影响。
有以下两种解决方法,针对不同的情况:
1.将height设置成0或者任意不影响界面效果的值,当然是越小越好,0就可以了。
然后在调用窗口的时候,调用下面的方法:
$('#win').panel('resize',{ height: 400 });
因为window继承的panel,dialog继承的window,所以他们都有resize方法,但是需要将panel换成对应的。
2.将窗体html所在位置的父DOM对象添加一个CSS
overflow: hidden;
如此就能解决影响外观的问题了。