jquery - 动画滚动在 iframe 中不起作用

Question

我有一个包含 iframe 页面 (iframe.aspx) 的父页面 (default.aspx)……jQuery 动画滚动在 iframe.aspx 中完美运行，但在父页面 (default.aspx) 中无法正常运行。

iframe.aspx 页面：

 <input type="button" onclick="scollWin();" value="Scroll up" />

 <div id="scrollToHere">
  Scroll to here
  </div>

  <script type="javascript">
     function scrollWin(){
     $('html,body').animate({
     scrollTop: $("#scrollToHere").offset().top
     }, 2000);
 }
 </script>

工作：当我点击按钮时，滚动窗口顺利工作，它转到div.

父页面（default.aspx）：

<iframe id="iframebody" runat="server" src="iframe.aspx" style="width:900px;height:600px"></iframe>

当我运行 default.aspx 页面并单击按钮时，滚动不起作用。

你能告诉我如何访问父滚动窗口吗？

Answer 1

当我做对了，脚本在 Iframe.aspx 里面？然后你应该在 default.aspx 中定义另一个 jscript 函数，然后调用它：

 <input type="button" onclick="parent.scollWin();" value="Scroll up" />

另一种选择：您是否尝试过使用 jQUery Plugin ScrollTo？

滚动到