Question

我想滚动包含iframe的页面。当iframe加载包含Jquery代码的页面时，我希望我的父页面滚动到顶部。

这是我现在正在使用的代码，但它不起作用：

<HTML>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
     window.parent.$("body").animate({scrollTop:0}, 'slow');

}
</script>
</head>

我的错误在哪里？为什么当iframe页面加载此页面时，父页面不会排在最前面？

提前谢谢你！

Answer 1

您可以在父页面中定义功能并从iframe调用：
例如：
父：

function top(){
    alert('scroll to top')
}

iframe：

<button onclick="parent.top()">top</button>

Answer 2

您无法以这种方式访问iframe中的父页面。

如果您有权访问您的父网页，请尝试检查它是否包含iframe

$('#iframeID').load(function() {
   $("html, body").animate({scrollTop:0}, 'slow'); // You have to point the animation to your <html> element if you want to scroll your page
});

Jquery - 在iframe的父页面上滚动到顶部？

2 个答案: