使用javascript上下滚动iframe

由于iframe内容来自另一个域,出于安全原因,您将无法更改其DOM。

虽然您可以使用箭头键滚动它,但当您激活它时。至少它在Chrome和Firefox中对我有效。

基本上让DOM中的div来处理滚动。

<a href="#" id="scroll">Scroll to (400,400)!</a><br />

<div id="google" style="width: 300px; height: 200px; overflow: auto;">
   <iframe width="800" height="600" src="http://www.google.com/" scrolling="no">
   </iframe>
</div>

<script type="text/javascript">
$("#scroll").click(function()
{
  $("#google").scrollTop(400).scrollLeft(400);
  return false;
});
</script>

this article .