在iFrame中滚动

时间:2010-12-15 23:28:21

标签: javascript iframe scroll scrollto

这是交易: 我花了5个小时为我的问题寻找一个很好的解决方案,发现很多(不幸的是没有工作,或者是我做错了)。

我有一个页面,其中有一个iFrame。 我不想滚动页面来正确查看iFrame。 我的观点是在该页面中滚动iFrame,以便更改它的位置(iFrame中的页面)。

什么行不通:把窗口滚动到iFrame页面代码中(因为这个页面不是我的,所以即:我有自己的页面,在iFrame中我有stackoverflow.com,我希望它滚动右边100px,底部500px。)

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

请随便,善待并用iFrame给我整个工作示例。我无法忍受花费更多的时间来搞清楚......它甚至可能吗? ...

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

一种方法如下:

 <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以根据需要调整框架。