Question

我在iframe中加载了一个页面（A）。页面（A）的Html是这样的：

<html><body>
<div id="div1"></div>
<div id="div2"><button>Hello</button></div>
</body></html>

iframe加载如下：

<html><body>
<iframe src="pageA.html" height="200px"></iframe>
</body></html>

此处，div2位于页面底部，div1与overflow:scroll的高度固定。按下button后，某些内容将附加到div1。

我需要做的是向下滚动div1到底部，以便在iframe中看到新添加的内容。我怎么能这样做？

编辑：这是我尝试过的JSFiddle。这在HTML在浏览器中加载时有效，但在加载到固定高度的iframe时不起作用。

Answer 1

新添加的内容位于底部。 JSFiddle

<iframe src="http://fiddle.jshell.net/DqLYD/show/" height="200px"></iframe>