5

我想在我的页面上有一个可滚动的 div 区域，并将我的 div CSS 上的溢出设置为可滚动，但现在我想在所有浏览器中隐藏滚动条，因此 div 可以在不显示滚动条/面板的情况下滚动，包括隐藏它Firefox 中糟糕的滚动面板，我知道如何在 chrome 中隐藏滚动条，但这在 Firefox 中不起作用，任何人都可以提出任何建议，谢谢？

这是我用来隐藏 chrome 和其他 webkit 浏览器中的滚动条的方法：

#element::-webkit-scrollbar { 
    display: none; 
}
4

3 回答 3

1

不是纯 CSS（因为你必须添加一个额外的元素），但是如何让你的 div 更宽一些，然后用 将它包装在另一个 div 中overflow:hidden？

内部 div 仍会滚动，但滚动条将位于外部 div 的边缘之外，因此它们将不可见。

于 2013-04-14T19:29:22.537 回答
1

我发现有人给出了这个答案：

.noscrollbar{
  -ms-overflow-style:none;
  overflow:-moz-scrollbars-none;// but it seems to not work...
}
.noscrollbar::-webkit-scrollbar{width:0px}
于 2015-09-14T09:04:42.010 回答
1

这对我有用

::-webkit-scrollbar {
      width: 0 !important;
   }
-ms-overflow-style: none;
于 2019-02-08T13:22:58.783 回答