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

标签 javascript html

我有这个简单的 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%"><p></p>

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

最佳答案

遗憾的是,由于 Same Origin Policy,您尝试做的事情是不可能的这限制了对不在您域中的文档的任何和所有访问。

您唯一的机会是远程页面在页面底部有一个 anchor 。如果是这样,您可以链接到该 anchor 。浏览器将跳转到那里。

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

关于javascript - iframe 的自动滚动对我不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4553132/

相关文章:

javascript - 将 2 个 Javascript Regex 语句合并为 1 个

javascript - 如何计算总和等于给定值的所有数字数组元素组合?

javascript - HTML:获取由不同元素组成的文本并显示在一行中(链接和文本)

javascript - 如何制作一个无限的 JS 轮播(无限问题)

javascript - 在没有全局 Controller 的情况下从外部事件更新 Ember.js 数据

javascript - jQuery 切换脚本

javascript - Unicode 正则表达式 : Compilation failed: range out of order in character class

javascript - D3.js 强制布局突出显示,无需单击或悬停

javascript - 访问多个 webpart 实例的 HTML5 自定义数据属性

php - 防止对象下载、保存、缩放等