iFrame 将页面向上移动到父 div / 顶部答案

【问题标题】：iFrame move page up to parent div / topiFrame 将页面向上移动到父 div / 顶部
【发布时间】：2023-03-26 04:08:02
【问题描述】：

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

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

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

它将页面跳转到正确的位置，url是parentwindowurl.aspx#breadCrumb

但是在 Chrome 和 Firefox 中，这不起作用，它将页面更改为 url iFrameurl#breadCrumb，它替换了父页面并且没有 breadCrumb div。

有谁知道我怎样才能让它在 Chrome 和 Firefox 中工作？或者我应该使用更好的选择吗？

【问题讨论】：

【解决方案1】：

试试这个

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

【讨论】：

【解决方案2】：

假设您希望它达到最高点，这很容易

window.parent.scrollTop(0);

抱歉，实际上可能是

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

如果不是，请告诉我错误

【讨论】：

【解决方案3】：

位置哈希通常用于滚动到具有匹配名称属性的锚标记，因此您需要有一个类似的标记：

<a name="breadCrumb"></a>

在父框架中，以便让浏览器滚动到带有位置哈希的内容。

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

【讨论】：