在iFrame中滚动

Question

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

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

什么不行：将一个窗口scrollTo放入一个iFrame页面代码中（因为这个页面不是我的，所以即：我有我自己的页面和iFrame我有stackoverflow.com，我希望它向右滚动100px，向下滚动500px）。

我希望你明白了我的观点，并帮助我解决它。

只是请，请友好，给我整个工作示例与iFrame。我不能忍受花更多的时间来解决它......这是可能的吗？ ...

Answer 1

一种方式做到这一点如下：

<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的框架调整您的需求。

Answer 2

佩卡是正确的 - 这是不可能的。由于iframe的src来自不同的域，所以没有浏览器会让父窗口的代码访问DOM或窗口。这是重要的和有意的。如果页面来自不同的域，那么在单独窗口中运行的恶意脚本完全有可能在父窗口中导致严重问题。