【问题标题】:Hiding the scroll bar in MS Edge and Firefox? [duplicate]在 MS Edge 和 Firefox 中隐藏滚动条? [复制]
【发布时间】:2015-12-19 22:01:19
【问题描述】:

我有一个可滚动的菜单,它需要是可滚动的。我使用以下方法在 Chrome 中隐藏滚动条:

.menu::-webkit-scrollbar { 
    display: none; 
}

哪个有效。 Firefox 和 MS Edge 有什么相同之处?

谢谢

【问题讨论】:

  • 可能这个页面上的每个人都在寻找-ms-overflow-style: -ms-autohiding-scrollbar;。至少应该有人链接到更好的答案。

标签: html css firefox scrollbar microsoft-edge


【解决方案1】:

overflow-y: auto 怎么样?只有当菜单比视口长时才会显示滚动条。

【讨论】:

    【解决方案2】:

    隐藏滚动条的标准方法是使用overflow: hidden;,您仍然可以使用鼠标的滚轮或触控板滚动手势进行滚动,或者使用 JavaScript 设置元素的滚动属性。

    【讨论】:

    • 在 MS Edge 和 Firefox 中这不起作用。菜单在页面下方。我试过...溢出-y:隐藏; AND 溢出:隐藏;但也没有诀窍。
    • @Shocker_33 请发一个 jsFiddle
    • 这里是website
    • 这完全是错误的。你仍然不能滚动。
    【解决方案3】:

    在您的网站上,当我打开 IE 的 F12 窗格并选择 <div class="menu..."> 并将 overflow-y: scroll; 更改为 overflow-y: none; 时,它会按照您的需要呈现。

    您根本不需要特定于 webkit 的规则。

    【讨论】:

    • 但是当视点小于菜单的长度时,这会阻止用户滚动菜单。因此,为什么在我的问题中我说它需要滚动。
    猜你喜欢
    • 1970-01-01
    • 2018-08-17
    • 2013-11-04
    • 1970-01-01
    • 2013-03-01
    • 2019-06-01
    • 2020-04-20
    相关资源
    最近更新 更多