Javascript 向上滚动Iframe&;从父页面向下?

Javascript 向上滚动Iframe&;从父页面向下?,javascript,jquery,iframe,scroll,Javascript,Jquery,Iframe,Scroll,好的,这可能是关于stackoverflow最常被问到的问题之一,但我找不到一个单一的交叉浏览器解决方案:( 我有一个页面,里面有一个iframe。我需要从父页面控制这个iframe的上下滚动 我有这段代码,带有控制父页面上下的箭头,但是有人知道我如何控制iframe滚动吗?非常感谢 我做了一个JSFiddle,以便更容易地看到我的问题 我想这会有帮助的 我认为这将有所帮助我所知道的唯一一个解决方案是,它适用于所有浏览器,并且不会因用户单击“在新选项卡中打开”而中断: 在父级中,有一对变量

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

我有一个页面,里面有一个iframe。我需要从父页面控制这个iframe的上下滚动

我有这段代码,带有控制父页面上下的箭头,但是有人知道我如何控制iframe滚动吗?非常感谢

我做了一个JSFiddle,以便更容易地看到我的问题


我想这会有帮助的


我认为这将有所帮助

我所知道的唯一一个解决方案是,它适用于所有浏览器,并且不会因用户单击“在新选项卡中打开”而中断:

  • 在父级中,有一对变量,用于存储scrollup/scrolldown函数(或单个scrollto,或任何适合您需要的函数)
  • 在子级中,使用
    window.parent
    和on failure
    opener
    将子级本地函数存储到这些函数中,这些函数执行真正的滚动
  • 在父级中,使用这些变量启动滚动

据我所知,唯一可以跨所有浏览器运行且不会因用户单击“在新选项卡中打开”而中断的解决方案是:

  • 在父级中,有一对变量,用于存储scrollup/scrolldown函数(或单个scrollto,或任何适合您需要的函数)
  • 在子级中,使用
    window.parent
    和on failure
    opener
    将子级本地函数存储到这些函数中,这些函数执行真正的滚动
  • 在父级中,使用这些变量启动滚动

您能告诉我应该在代码中的何处添加此部分吗?非常感谢您使用onclick事件创建按钮,调用该函数您能告诉我应该在代码中的何处添加此部分吗?非常感谢您使用onclick事件创建按钮,调用该函数
<iframe width="100%" height="300" src="http://jsfiddle.net/misskathryn/8hNJe/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>
document.getElementById('iframeid').contentWindow.scrollTo(x, y);