1. <font id="87c7bcaa"></font>
      
         
         
         
          
         
      
         
         
         

      狗万官网酒店 > 狗万官网下载 > 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)
      机长评论( ) 请自觉遵守互联网相关的富民政策法规,不准发布色情、暴力、反动的议论。
      地名: 匿名?