为了账号安全,请及时绑定邮箱和手机立即绑定

有一个问题就是如果窗口不是最大化时弄出弹出层时,再将窗口最大化那么弹出层无法自适应

偶然的实践,发现非最大化窗口时点击登录,显示弹出层,这都没问题,但这时候如果将浏览器窗口最大化,可以看到扩大的部分弹出层不会覆盖,因为弹出层的范围是之前设置的可视区域大小

http://img1.sycdn.imooc.com//5708d4790001daf816270699.jpg

遮罩层可以将宽度设置为100%,即oMask.style.width = '100%';,这样遮罩层可以随窗口自适应

但是弹出层最顶层的登录框不会变化,因为它的宽度也是之前设置的可视区域的大小的宽度然后计算的,

即oLogin.style.left=sWidth/2-dWidth/2+"px";

但这里就不能设置百分比了,因为这是页面解析之前定义的,窗口变化不会改变这些参数,除非关闭弹出层再显示弹出层,

所以这里弹出层最顶层的登陆窗口的自适应该如何解决呢?

正在回答

举报

0/150
提交
取消
弹出层效果
  • 参与学习       39069    人
  • 解答问题       157    个

通过本课程的学习让您能灵活运用知识,制作出超炫的弹出层效果

进入课程

有一个问题就是如果窗口不是最大化时弄出弹出层时,再将窗口最大化那么弹出层无法自适应

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信