使用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,您可以尝试本文中的代码.