滚动iframe up&从父页面下来?

时间:2013-07-31 00:36:51

标签: javascript jquery iframe scroll

好的,这可能是stackoverflow上最常见的问题之一,但我找不到一个单一的crossbrowser解决方案:(

我有一个页面,里面有一个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>

2 个答案:

答案 0 :(得分:1)

我所知道的唯一解决方案,适用于所有浏览器,并且用户点击“在新标签页中打开”时不会出轨:

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

答案 1 :(得分:0)

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

我认为这会有所帮助