【问题标题】:Iframe scroll due to the links inside it由于其中的链接,iframe 滚动
【发布时间】:2012-02-29 15:03:43
【问题描述】:

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

注意:-我找到了当点击其中的任何链接时,iframe 滚动父页面的原因,事实证明,如果 iframe 中的锚标签具有空的哈希值,即 href ="#" 如果它们被点击,那么它会导致父页面滚动到 iframe 开始的位置。这仅在我的 webkit 浏览器中发生。这在 FF 中无法重现。

【问题讨论】:

  • 您能提供该网站的链接吗?
  • 实际上它是一个网络应用程序......并且还没有完全上线,无法上传到任何地方。让我知道在哪里可以上传示例页面。

标签: javascript html css iframe anchor


【解决方案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本来就没有这个问题。

【讨论】:

    猜你喜欢
    • 2018-01-28
    • 2020-11-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-08-28
    • 2012-07-17
    • 1970-01-01
    • 2021-07-10
    相关资源
    最近更新 更多