在iFrame中滚动

Question

这是交易：我花了5个小时为我的问题寻找好的解决方案，但发现了很多问题（不幸的是没有工作，或者是我做错了）。

我有一个页面，其中有一个iFrame。 我不想滚动页面以正确查看iFrame。 我的观点是滚动该页面中的iFrame，以便更改其位置（iFrame中的页面）。

无效：将窗口scrollTo放到iFrame页面代码中（仅因为此页面不是我的页面，所以：例如：我有自己的页面，在iFrame中有stackoverflow.com，我希望它滚动100px到右侧，底部500px）。

希望您能理解我的观点，并会帮助我解决它。

请好心，并通过iFrame给我整个示例。 我就是忍不住花更多的时间来解决这个问题...甚至可能吗？ ...

Answer 1

Pekka是正确的-这是不可能的。 由于iframe的src来自其他域，因此没有浏览器会允许父窗口中的代码访问DOM或窗口。 这是重要和故意的。 如果页面来自不同的域，则在单独窗口中运行的恶意脚本很可能会在父窗口中引起严重问题。

Answer 2

一种方法如下：

 <div style="height: 500px; width: 800px; 
             overflow-y: scroll; overflow-x: hidden;">
 <iframe src="http://www.washingtonpost.com/" 
         style="width: 1500px; height: 2000px;"></iframe>
 </div>

您可以修改CSS以根据需要调整框架。