Iframe由于其内部的链接而滚动

Iframe scroll due to the links inside it

本文关键字:链接 滚动 于其内 Iframe      更新时间:2023-09-26

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

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

如果您正在处理Javascript中的问题,只需使用以下代码:

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

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

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

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

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