Question

我有一个父页面（default.aspx），其中包含一个iframe页面（iframe.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？

ScrollTo

动画滚动在iframe内部不起作用

1 个答案: