iFrame将页面移动到父div / top

时间:2012-10-12 16:28:17

标签: javascript html iframe window parent

我在父页面中有一个iFrame,内容的长度因iFrame中的页面而异,所以我希望在某些情况下让页面跳回到顶部。

这在IE中工作正常,其中breadCrumb是父窗口中div的id。

<script>
window.parent.location = "#breadCrumb";
</script>

它将页面跳转到正确的位置,网址是parentwindowurl.aspx#breadCrumb

然而,在Chrome和Firefox中,这不起作用,它将页面更改为url iFrameurl#breadCrumb,它取代了父页面,没有breadCrumb div。

有谁知道如何在Chrome和Firefox中使用它? 或者我应该使用更好的替代方案吗?

3 个答案:

答案 0 :(得分:0)

假设你想要它到最顶层,那很容易

https://developer.mozilla.org/en-US/docs/DOM/element.scrollTop

window.parent.scrollTop(0);
抱歉,实际上可能是

window.parent.document.body.scrollTop(0);

如果没有,请告诉我错误

答案 1 :(得分:0)

试试这个

window.parent.location.href = "#breadCrumb";

答案 2 :(得分:0)

位置哈希通常用于滚动到具有匹配名称属性的锚标记,因此您需要具有以下标记:

<a name="breadCrumb"></a>
在父框架中

以使浏览器使用位置哈希滚动到该内容。

我不熟悉div标签上的这种行为;这可能是IE特有的功能。