页面中嵌套的iframe 内的 position:fixed
元素定位失效
fixed正常页面 此时position:fixed
是根据浏览器窗口定位的,下拉一直位于左上角;
以iframe形式嵌入后 此时position:fixed
是根据iframe窗口定位的,下拉fixed元素消失;
这种问题应该用什么思路解决呢,且存在跨域
终于解决; demo
代码?
页面中嵌套的iframe 内的 position:fixed
元素定位失效
fixed正常页面 此时position:fixed
是根据浏览器窗口定位的,下拉一直位于左上角;
以iframe形式嵌入后 此时position:fixed
是根据iframe窗口定位的,下拉fixed元素消失;
这种问题应该用什么思路解决呢,且存在跨域
终于解决; demo
代码?
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答2k 阅读
我说一下我的解决思路吧,核心方法是post message,跨域解决方式的一种。
通过postmessage通信将top页面的scrolltop传递给iframe,iframe内部通过监听通讯事件动态设置元素的定位。 以上