-webkit-scrollbar 在 Firefox 上不起作用答案

【问题标题】：-webkit-scrollbar is not working on Firefox-webkit-scrollbar 在 Firefox 上不起作用
【发布时间】：2021-11-04 23:14:10
【问题描述】：

需要帮助！

body::-webkit-scrollbar{ width: 0; }

它仅适用于 Google Chrome，但不适用于 Firfox。我该如何解决这个问题，请帮助我。

【问题讨论】：

这能回答你的问题吗？ Increase Scroll-bar width in Firefox - html / css

标签： google-chrome firefox scroll scrollbar

【解决方案1】：



<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<style>body {
        scrollbar-width: none; /* For Firefox */
        overflow-y: scroll; 
    }
    
    body::-webkit-scrollbar {
        display: none;
    }</style>
<body>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>
<p>keep scrolling</p>

</body>
</html>

【讨论】：

@AK Asraful Zaid 这能解决你的问题吗？？
@AK Asraful Zaid 如果您发现此解决方案有帮助，请告诉我们...

【解决方案2】：

只需使用 scrollbar-width 属性作为 Firefox 浏览器的后备。

body {
    scrollbar-width: none; /* For Firefox */
}

【讨论】：

【解决方案3】：

前缀 -webkit- 表示 CSS 规则适用于基于 Webkit 的浏览器，例如苹果浏览器。 Firefox 也有很多 CSS 规则，但这些前缀以 -moz- 开头。

但在这种情况下，您不需要前缀。一个简单的 scrollbar-width: thin; 应该可以工作（仅限 FF）： check MDN Web Docs for more details

【讨论】：