javascript - iframe 中的 fixed元素 定位失效，视窗由浏览器窗口变为iframe 窗口？

问题描述

问 题

页面中嵌套的iframe 内的 position：fixed元素定位失效
fixed正常页面 此时position:fixed是根据浏览器窗口定位的，下拉一直位于左上角；
以iframe形式嵌入后 此时position:fixed是根据iframe窗口定位的，下拉fixed元素消失；
这种问题应该用什么思路解决呢，且存在跨域

终于解决； demo

解决方案

我说一下我的解决思路吧，核心方法是post message，跨域解决方式的一种。

通过postmessage通信将top页面的scrolltop传递给iframe，iframe内部通过监听通讯事件动态设置元素的定位。 以上

这篇关于javascript - iframe 中的 fixed元素 定位失效，视窗由浏览器窗口变为iframe 窗口？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！