【问题标题】:Scrolling in Webkit / mozilla while overflow is hidden隐藏溢出时在 Webkit / Mozilla 中滚动
【发布时间】:2011-03-15 11:14:20
【问题描述】:

有没有办法告诉 Safari / Webkit 浏览器和 Firefox 在溢出设置为“隐藏”时滚动元素或页面?

我在 body-Element 上使用overflow: hidden,它仅适用于 Opera。

有什么想法吗?

【问题讨论】:

  • 请展示您的代码以便更好地理解

标签: html css webkit overflow opera


【解决方案1】:

很确定这是 Opera 的做法与其他人不同的案例之一。如果它的值被隐藏,溢出应该阻止滚动,而不仅仅是隐藏滚动条。

如果你确实想隐藏滚动条,但仍想滚动窗口或其内容,可以使用 JavaScript/DOM 脚本来实现。

【讨论】:

    【解决方案2】:

    抱歉,你弄错了,overflow-x:hidden 或 overflow-y:hidden 必须应用于 html 元素,而不是 body 元素。但在这种情况下,我已经用谷歌搜索并找到了这些 链接告诉我他们是否有任何帮助。

    http://www.webmasterworld.com/javascript/3560359.htm

    http://www.artmov.com/dev/snippets/apply-overflow-x-overflow-y-to-body-in-ie7-ie6-84/ (在此链接中,我找到了上述声明。)

    http://haslayout.net/css/Document-Scrollbars-Overflow-Inconsistency

    在这个链接中我发现你应该直接在<HTML>标签中应用溢出值。

    希望它有效!

    【讨论】:

    • 测试了几件事,但没有机会。不适用于溢出:隐藏在 html 或 body 或任何其他元素上。
    【解决方案3】:

    如果你在任何元素上设置overflow: hidden,你就明确告诉它内容应该被隐藏,因此不能滚动到。如果您希望内容可滚动,则需要使用overflow: auto。你为什么要滚动你告诉浏览器不应该滚动的东西?很矛盾。

    【讨论】:

    • 但是overflow: auto 会显示滚动条。我不想要滚动条,而是想要滚动的功能。
    • 没有任何滚动条的人如何滚动?
    • @PhilPowell,使用触控板的人仍然可以在这些元素中进行两指滚动。
    猜你喜欢
    • 2017-04-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-19
    • 2017-03-08
    • 1970-01-01
    • 2013-02-03
    • 1970-01-01
    相关资源
    最近更新 更多