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

项目中弹出图层的内容不固定，根据情况可能会变长变短，所以需要适配图层弹出图层的大小。查询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()。

结束！

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