Html 如何从mozilla firefox中隐藏滚动条？

CSS可以从Mozilla Firefox中隐藏滚动条，就像我们可以从chrome中隐藏滚动条一样：-

::-webkit-scrollbar

有很多方法：

 body {
          srollbar-width: none
       }

---

---

您可以执行以下操作

<div style='width: 100%;height:300px;'>
     <div style='height: 100%; overflow: auto; margin-right: -15px;'>
          //your overflowing content
     </div>
</div>

//你满溢的内容

这里，父div的高度取决于您的用例

内部div中的margin right属性是可以从javascript计算的滚动条宽度，如下所示

var div = document.createElement('div');
div.setAttribute('style', "width: 100%;height: 100%;position: absolute;overflow: auto;visibility: hidden;");
document.body.appendChild(div);
div.innerHTML = '<div style="width: 100%;height: 200%;"></div></div>';
var scrollWidth = div.offsetWidth - div.clientWidth;
div.parentNode.removeChild(div);
return scrollWidth;

var div=document.createElement（'div'）；
div.setAttribute（'style'，“宽度：100%；高度：100%；位置：绝对；溢出：自动；可见性：隐藏；”）；
文件.正文.附件（div）；
div.innerHTML=''；
var scrollWidth=div.offsetWidth-div.clientWidth；
div.parentNode.removeChild（div）；
返回滚动宽度；

您必须将返回的“scrollWidth”数据设置为子容器的负“右边距”

这将适用于所有浏览器

---

注意：在检查内容是否溢出后，应设置右边距属性。否则您将遇到一些宽度问题。

此问题将有助于您：

var div = document.createElement('div');
div.setAttribute('style', "width: 100%;height: 100%;position: absolute;overflow: auto;visibility: hidden;");
document.body.appendChild(div);
div.innerHTML = '<div style="width: 100%;height: 200%;"></div></div>';
var scrollWidth = div.offsetWidth - div.clientWidth;
div.parentNode.removeChild(div);
return scrollWidth;