【问题标题】:Mutiple scrollbars are showing in thirdparty application第三方应用程序中显示多个滚动条
【发布时间】:2016-04-23 09:37:02
【问题描述】:

我的应用程序面临双滚动条的情况。在容器级别(标题级别)添加了滚动条,当我点击我的第三方链接时,它将在 iframe 的同一窗口中启动其他应用程序。

现在的问题是我得到了 iframe 的滚动条以及标题 div 滚动条。如果我隐藏标题滚动条,它将影响我在第三方之前的实际应用程序。

我无法从 DIV 打开我的第三方应用程序。所以我正在尝试 iframe 。有人可以帮忙吗?

如何隐藏 iframe 滚动条或为第三方应用程序使用相同的 div....我尝试过 scrollbar="No" ,overflow:hidden 用于隐藏 iframe 滚动条。他们都没有工作。

【问题讨论】:

    标签: javascript html css angularjs iframe


    【解决方案1】:

    使用这个css代码隐藏滚动条:

    ::-webkit-scrollbar {
        -webkit-appearance: none;
    }
    

    查看fiddle

    【讨论】:

    • 感谢您的回复。我不能在 css 级别给出这个,因为它会影响整个应用程序,必须嵌入到 html 中。每当第三方启动时,我都必须隐藏 div 滚动条。我怎样才能在 html 中添加这个?
    • 您想在用户点击链接时隐藏滚动条?
    • 我想在登陆第三方应用程序时隐藏滚动条。在这里,我将拥有 DIV 和 Iframe 。现在的问题是 DIV 有自己的滚动条,而 iframe 有自己的滚动条。 DIV 只有一个 header 。如果我把它隐藏起来就足够了。
    • 浏览器假设 iframe 中有溢出内容,因此 DIV 也提供滚动
    • 如果你给我看一个小提琴,我可以更好地理解你并修复它。您有一个包含标题的 div 和一个包含 iframe.html 的 iframe。我假设您想隐藏其中一个滚动条,因此您可以将这些 css 代码添加到 iframe.html。如果你给我一些代码或小提琴,我可以修复它
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-03-01
    • 2021-12-05
    • 1970-01-01
    • 1970-01-01
    • 2019-01-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多