javascript - iframe 由于其中的链接而滚动

Question

我有一个带有固定标题 div 的页面，如工具栏和一个从相同/不同域加载内容的 Iframe。问题是每当单击 iframe 中的链接时，它会将页面滚动到顶部隐藏工具栏本身。这发生在桌面/移动 webkit 浏览器中。

注意:- 我找到了点击 iframe 中的任何链接时 iframe 滚动父页面的原因，事实证明，如果 iframe 中的 anchor 标记具有空哈希值，即 href ="#"，如果单击它们，则会导致父页面滚动到 iframe 开始的位置。这只发生在我的 webkit 浏览器中。这在 FF 中不可重现。

Answer 1

如果您正在处理 Javascript 中的问题，只需使用此代码:

ifrm.setAttribute("onload","scroll(0,0);"); //(ifrm is the id of the iframe)

或

<script language="javascript"> 
    function totop() { 
        scroll(0,0); 
    } 
</script>

在 iframe 的 html 中，添加一个 onload 属性，如下所示:

<iframe name="iframe" onload="totop()">

从另一个论坛获得第二个解决方案，并更改为第一个以满足我的要求，因为我正在创建 iframe 元素并在 javascript 中设置其属性，而不是在 html 中。它适用于 chrome 和 IE。 FF 本来就没有问题。