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

问题描述

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

异常情况

解决

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

总结

`position:fixed;`该定位盒子的位置与父元素无关,而是以浏览器窗口为参照点
若是嵌入iframe元素中展示,则以iframe本身为参照点
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容