Html 如何仅使用CSS从iFrame中将图标粘贴到屏幕底部？
我在一个页面中有一个iFrame，它有一个聊天图标，应该贴在屏幕的底部（当然，当它从视图中滚动出来时，它必须保持在iFrame中） iFrame延伸到主视口之外，看起来，iFrame只知道它自己的文档/视口的底部，在我的示例中，它位于浏览器窗口底部的下方。它不知道父页面的底部，在本例中是浏览器窗口的底部 问题很简单，有没有一种方法可以让它只在iFrame中使用CSS？我可以选择在iFrame中发布页面高度较低的消息。我试图避免Javascript解决方案在scroll事件上手动定位图标，因为它闪烁Html 如何仅使用CSS从iFrame中将图标粘贴到屏幕底部？,html,css,iframe,sticky,Html,Css,Iframe,Sticky,我在一个页面中有一个iFrame，它有一个聊天图标，应该贴在屏幕的底部（当然，当它从视图中滚动出来时，它必须保持在iFrame中） iFrame延伸到主视口之外，看起来，iFrame只知道它自己的文档/视口的底部，在我的示例中，它位于浏览器窗口底部的下方。它不知道父页面的底部，在本例中是浏览器窗口的底部 问题很简单，有没有一种方法可以让它只在iFrame中使用CSS？我可以选择在iFrame中发布页面高度较低的消息。我试图避免Javascript解决方案在scroll事件上手动定位图标，因为它闪
我不知道有什么方法可以只用CSS实现这一点，因为iframe将完全不知道更大的页面（以及该页面的视口），因为它自己的视口是iframe本身和屏幕的边界
我认为实现这一点的唯一方法是使用javascript，使用
postMessagebottom转换