Question

我有这个简单的html页面我希望它能自动滚动到iframe的底部但是这些代码不起作用，它不会自动向下滚动iframe，有人知道它有什么问题吗？


<html>
<head>
<script type="text/javascript">
    function showLog() {
    el = document.getElementById("log")
    el.innerHTML='<iframe id="myLogFrame" name="mylog" onload="this.contentWindow.document.documentElement.scrollTop=100" src="http://yahoo.com" width="100%" height="50%" align="middle" scrolling="yes" frameborder="0"></iframe>'
    el.scrollTop=el.scrollHeight
    }
</script>
</head>
<body onload="showLog()"/>
test1
<div id="log" style="width:100%">

</div></body></html>

Answer 1

可悲的是，由于Same Origin Policy限制了对您网域内不存在的文档的任何和所有访问权限，您尝试做的事情是不可能的。

唯一的机会是远程页面有一个锚点到页面底部。如果是，您可以链接到该锚点。浏览器会跳到那里。

<iframe src="http://yahoo.com#name_of_bottom_anchor">

Answer 2

如果您的iframe链接到其他域，则网络浏览器会阻止您访问iframe文档，因此您可以访问iframe的scrollTop。

iframe的自动滚动对我不起作用

2 个答案: