在 Mozilla 中默认滚动拇指和轨道不显示 -mac OS答案

【问题标题】：in mozilla by default scroll thumb and track is not displaying -mac OS在 Mozilla 中默认滚动拇指和轨道不显示 -mac OS
【发布时间】：2018-01-08 06:20:51
【问题描述】：

.scroll-wrapper {
  height: auto;
  max-height: 200px;
  overflow: auto;
  width: 100%;
  overflow: -moz-scrollbars-vertical;
}

.scroll-wrapper::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.scroll-wrapper::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

在 chrome 中默认滚动拇指是针对特定 div 的，所以它给用户的印象是你有一个滚动区域并且你可以滚动，但是在 mozilla 中，因为滚动拇指不存在，用户无法识别区域为可滚动的，只有当你拖动滚动和滚动拇指来时。

由于它适用于 css，因此 css 中的答案更可取，并且正在寻找 mac。提前致谢

【问题讨论】：

发送带有完整代码的示例链接
jsfiddle.net/y0zpvfs6/1
因此他们希望在默认情况下使用滚动条拇指查看滚动部分区域。对于 safari 和 chrome，我们使用 webkit 修复了它，但在 mozilla 中不工作

标签： css scroll cross-browser mozilla

【解决方案1】：

我不确定 Mozilla 浏览器中使用 css 的样式滚动条是否可行。但是您可以使用插件设置滚动条的样式。

https://cdnjs.com/libraries/malihu-custom-scrollbar-plugin

scrollbar demo

【讨论】：

没有插件可以吗？明确地在我使用 css 粘贴在上面的 jsfiddle 上
稍后我会检查并通知您。