从父页面向上或向下滚动iframe？

Question

好的，这可能是关于stackoverflow的最常见的问题之一，但是我找不到一个单一的跨浏览器解决方案:(

我有一个页面，里面有一个iframe。 我需要从父页面控制此iframe的向上和向下滚动。

我有这段代码，带有控制父页面向上和向下的箭头，但是没有人知道如何控制iframe滚动吗？ 提前非常感谢您！

我做了一个JSFiddle，以便更轻松地了解我的问题http://jsfiddle.net/misskathryn/8hNJe/

<iframe width="100%" height="300" src="http://jsfiddle.net/misskathryn/8hNJe/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

Answer 1

我知道的唯一解决方案适用于所有浏览器，并且不会因用户单击“在新选项卡中打开”而出轨：

• 在父级中，有一对变量，用于存储上滚/下滚功能（或单个scrollto，或任何满足您需要的变量）
• 在子级中，使用window.parent和失败opener将子级本地函数存储到这些子级中，从而进行真正的滚动
• 在父级中，使用这些变量来启动滚动

Answer 2

document.getElementById('iframeid').contentWindow.scrollTo(x, y);

我认为这会有所帮助