狗万官网酒店 > 狗万官网下载 > layer落实弹出层自动调整位置_javascript艺术

layer落实弹出层自动调整位置_javascript艺术

来源: 2019-09-09 19:44 我来投稿 参与评论
当天小编就为大家分享一篇layer落实弹出层自动调整位置,具有很好的参考价值,瞩望对大家有所帮助。总计跟随小编过来看看吧

品种中有弹出层的情节是不稳定的,根据情况可能变长变短,于是乎就要求做layer弹出层的尺寸自适应,查询了api自此发现

layer.iframeAuto艺术可以实现,此地吐槽一点,ie探测器的html没有把body撑大,而iframeAuto艺术是根据html的惊人计算的,导致我之前出现在ie副,合同iframeAuto自此高度直接变零。

好了,搞活了这一点后,面试又提出一个问题,因为她是用小屏幕测试的,地方的职务没有变,弹出层变长以后按钮就把挤到下面去了。故而我急需做一个效果,在弹出层长度改变后重新居中。

此刻我就在街上开始找资料了,察觉layer.style可以实现这个意义,但是很辛苦需要计算然后赋值。

尊重我决定用这个方案时,结果我在chrome看台测试layer.style时发现一个意外的力量。顶我移动控制台边界改变大小时,弹出层自动居中了。

移步前

移步后

实际上是触发了父层的$(window).resize()。

接下来我开始向这个艺术实验,但是无论是$(top.window).resize(),$(window.top).resize(),top.$(window).resize(),$(top).resize()都不能触发top层的$(window).resize()艺术。

说到底还是没有成功,我只好重新使用layer.style来计算了

var index = top.layer.getFrameIndex(window.name);//拥有layer弹出层索引
top.layer.iframeAuto(index, 30);//layer弹出层自适应,改建的编码,源代码加上自己加的惊人
var topHeight = ($(top.window).height() - $(window).height())/2;//计算高度
top.layer.style(index,{top:topHeight+"px"});//安装弹出层位置

外方规中矩解决这个题目,不过还是不掌握在弹出层是否能够调用父页面的$(window).resize()

完!

上述这篇layer落实弹出层自动调整位置就是小编分享给大家的方方面面内容了,瞩望能送大家一个参考,也愿意大家多多支持脚本的师。

义务编辑:狗万官网酒店
 
 
0% (0)
 
 
0% (0)
机长评论( ) 请自觉遵守互联网相关的富民政策法规,不准发布色情、暴力、反动的议论。
地名: 匿名?