1

好的，这可能是 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>
4

2 回答 2

1

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

  • 在父级中，有一对变量，用于存储向上/向下滚动功能（或单个滚动至，或任何适合您需要的）
  • 在孩子中，使用window.parent并在失败opener时将孩子本地功能存储到这些中，从而进行真正的滚动
  • 在父级中，使用这些变量来启动滚动
于 2013-07-31T00:51:15.280 回答
0 
document.getElementById('iframeid').contentWindow.scrollTo(x, y);

我认为这会有所帮助

于 2013-07-31T00:41:50.537 回答