使用javascript上下滚动iframe

Question

是否可以使用键或javascript从父窗口滚动iframe窗口？ iframe内容来自另一个域，与父窗口不同。

Answer 1

由于iframe内容来自其他域，因此出于安全原因，您将无法更改其DOM。

虽然您可以使用箭头键滚动它，但是当您激活它时。至少它适用于Chrome和Firefox。

如果您希望能够从javascript滚动它，我建议采用以下方法。 （它假设您知道iframe内容和iframe的宽度和高度）。 基本上让你的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>

为了更顺畅地滚动div，您可以尝试this article中的代码。