Bootstrap - 滚动条在移动设备中不可见，尤其是 Firefox答案

【问题标题】：Bootstrap - scrollbar is not visible in mobile, especially firefoxBootstrap - 滚动条在移动设备中不可见，尤其是 Firefox
【发布时间】：2015-12-24 18:21:53
【问题描述】：

如何使滚动条在移动设备中可见。下面的脚本仅在默认的 Android 浏览器中可见。但在 Firefox 中是不可见的。在 Chrome 中，只有当我们触摸显示屏时它才可见。在所有设备和浏览器中都可以看到如何制作。

.table-responsive::-webkit-scrollbar {
    -webkit-appearance: none;
  }

.table-responsive::-webkit-scrollbar:vertical {
    width: 12px;
}

.table-responsive::-webkit-scrollbar:horizontal {
    height: 12px;
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;  
    background-color: #ffffff; 
}

【问题讨论】：

它的浏览器行为......节省空间和人们真正习惯了触摸和滑动的想法......

标签： css twitter-bootstrap-3

【解决方案1】：

对于 Firefox，没有 ::-webkit-scrollbar 等效项。见：https://bugzilla.mozilla.org/show_bug.cgi?id=77790。

尝试改用 jQuery 插件 (jScrollPane)。检查工作演示的小提琴示例：http://jsfiddle.net/VYcDZ/51/

【讨论】：