如何使用JavaScript(或jQuery)自动滚动到iframe的末尾

How to autoscroll to the end of iframe using JavaScript (or jQuery)?

本文关键字:滚动 iframe JavaScript 何使用 jQuery      更新时间:2023-12-29

我有以下代码:

<iframe id="preview" onLoad="scrollToBottom()"></iframe>

我的目标-当帧重新加载时,会触发"scrollToBottom()"函数,它会将用户带到iFrame的末尾(而不是默认情况下的帧的开头)。我现在的代码是:

function scrollToBottom() {
    window.scrollTo(0, document.body.scrollHeight);
}

我知道,不知何故,我必须计算/传递iframe的scrollHeight,但我不确定如何做到这一点。我想要的是JavaScript或jQuery的解决方案。我在这里看到了一些解决方案,但没有一个对我有效。顺便说一句…我不需要任何动画或效果。。。只需要一个简单/简单的解决方案。

任何帮助都将不胜感激。提前谢谢。

以下方法应该有效。

$('#preview').contents().scrollTop($('#preview').contents().height());

然而,在这种情况下,iframe本身必须来自您的域,否则会抛出错误

不安全的JavaScript尝试访问框架、域、协议和端口必须匹配。