iframe元素嵌入的页面中,以fixed布局的盒子样式显示异常

问题描述

H5页面使用iframe标签嵌入第三方网页,三方界面中一个以`position: fixed;`定位的弹框显示异常
正常情况

异常情况

解决

iframe的高度设置有误,导致显示不全

总结

`position:fixed;`该定位盒子的位置与父元素无关,而是以浏览器窗口为参照点
若是嵌入iframe元素中展示,则以iframe本身为参照点

你可能感兴趣的:(iframe元素嵌入的页面中,以fixed布局的盒子样式显示异常)