如何从Mozilla Firefox中隐藏滚动条?[复制品]

你可以做到以下几点

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

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

内部div中的边距右属性是可以从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;

你必须设置返回的' 滚动宽度 '数据为负数' 保证金权 '到子容器。

这将在所有浏览器上工作。

注: 保证金权 应设置属性 检查内容是否溢出后 . 否则你会有一些宽度问题。

有很多方法:

 body {
          srollbar-width: none
       }

::-webkit-scrollbar {

        background: transparent;
    }