手机版

图层实现自动调整弹出的图层位置

时间:2021-08-20 来源:互联网 编辑:宝哥软件园 浏览:

项目中弹出图层的内容不固定,根据情况可能会变长变短,所以需要适配图层弹出图层的大小。查询api后,发现

可以实现layer.iframeAuto方法。说到这里,我吐出一点。ie浏览器的html不是按体放大的,而是根据html的高度来计算iframeAuto的方法,导致我之前出现在ie下面。调用iframeAuto后,高度直接变为零。

嗯,做好这个之后,测试又提出了一个问题,因为他用小屏幕测试了一下,上面的位置没有变化。弹出层变长后,按钮被挤压到底部。因此,我需要制作一个效果,并在弹出的图层长度改变后重新居中。

这个时候开始在网上找资料,发现layer.style可以达到这个效果,但是计算然后赋值比较麻烦。

就在我决定使用这个方案的时候,在chrome控制台测试layer.style的时候发现了一个意想不到的效果。当我更改移动控制台边界的大小时,弹出层会自动居中。

搬家前

搬家后,

实际上,它触发了$(window)。调整父层的大小()。

然后我开始试验这个方法,但是都没有$ (top.window)。resize(),$ (window.top)。调整大小(),顶部。$(窗口)。resize(),$(顶部)。resize()可以触发$(窗口)。顶层的resize()方法

最后没有成功,只好再次用layer.style来计算

var index=top . layer . getframeindex(window . name);//获取弹出的图层索引top . layer . iframauto(index,30);//图层弹出图层自适应,修改后的代码,源代码加上自己添加的高度var top height=($ (top。窗口)。高度()-$(窗口)。高度())/2;//计算高度top.layer.style (index,{ top : to float ' px ' });//设置弹出层位置解决这个问题还是挺满意的,但是还是不知道父页面的$(window)是否存在。可以在弹出的图层中调用resize()。

结束!

以上文章“图层实现弹出图层位置自动调整”是边肖与大家分享的全部内容。希望能给大家一个参考,支持我们。

版权声明:图层实现自动调整弹出的图层位置是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。