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

时间:2012-07-21 05:15:27

标签: javascript jquery

我有以下代码:

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

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

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

}

我知道,不知怎的,我必须想象/传递iframe的scrollHeight,但我不知道该怎么做。我想要的是JavaScript或jQuery的解决方案。我在这里看到了一些解决方案,但它们都没有为我工作。顺便说一句......我不需要任何动画或效果......只需要一个简单/简单的解决方案。

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

1 个答案:

答案 0 :(得分:1)

以下方法应该有效。

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

但是,在这种情况下,iframe本身必须来自您的域,否则会引发错误

  

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