Question

我想自动将iframe的内容滚动到页面中间。这是脚本：

<iframe src="<?php echo $redLink; ?>" width="300" height="155" frameborder="0">
  <p>Your browser does not support iframes.</p>
</iframe>

我该怎么做？

Answer 1

使用jQuery，它将是

var middle =  (($('iframe').height()) / 2);
$('iframe').scrollTop(middle);

Answer 2

我使用最新的FF，Chrome和IE9访问w3c.org并将以下内容放入JS控制台（它在所有三个版本中都有效）。

var fr = document.createElement("iframe");
fr.src = "http://w3c.org";
fr.onload = function() {
    var de = (this.contentDocument||this.contentWindow.document).documentElement;
    var bd = de.getElementsByTagName("body")[0];
    de.scrollTop = bd.scrollTop = Math.floor(bd.scrollHeight / 2);
}
document.body.appendChild(fr);

所以你需要的是将onload函数添加到你的标记

onload="(function() {
    var de = (this.contentDocument||this.contentWindow.document).documentElement;
    var bd = de.getElementsByTagName('body')[0];
    de.scrollTop = bd.scrollTop = Math.floor(bd.scrollHeight / 2);
})()"

将Iframe页面自动滚动到中间

2 个答案: