将 iframe 粘贴到底部

Posted 2023-05-08

技术标签:

【中文标题】将 iframe 粘贴到底部【英文标题】：Stick Iframe to Bottom 【发布时间】：2010-10-19 16:03:33 【问题描述】：

我有一个 iframe，其中包含一个不断更新的页面（基本上是一个记录器类型的东西）。有没有办法（通过 JS/jQuery 或其他方式）强制 iframe 在扩展时坚持到该内页的底部？

我基本上想模仿日志查看器在更新日志文件时可能会粘在日志文件尾部的方式。我已经在这里找到了一个类似的问题，但该解决方案似乎不适用于 iframe 上下文 (similar question)。

更新：澄清一下，我不希望页面底部出现 iframe。我希望 iframe inside 的内容保持滚动到底部。 iframe 有一个固定的高度，在页面加载后，额外的行被添加到该内页，我想强制 iframe 始终显示该内页的底部。

【问题讨论】：

【参考方案1】：

仅使用 CSS 即可实现

iframe
   position: absolute;
   left: 0;
   bottom: 0;

这将使 iframe 相对于正文定位，并且始终显示在底部。

【讨论】：

【参考方案2】：

iframe 是否保持刷新并添加内容.. 还是保持连接打开？如果它没有保持连接打开... document.scrollTo() 是您正在寻找的 javascript 方法.. 如果您使用 ajax 附加信息.. 在数字为 VERY 大的 0xFFFFFF 应该可以工作。

【讨论】：

【参考方案3】：

也可以在其中添加overflow:hidden

【讨论】：

【参考方案4】：

页面底部的 iframe 仅在 html 中没有滚动条时有效，但随着 Y 轴的增加，它不会在页面底部移动。

【讨论】：

以上是关于将 iframe 粘贴到底部的主要内容，如果未能解决你的问题，请参考以下文章