Bootstrap - 滚动条在移动设备中不可见，尤其是firefox [英] Bootstrap - scrollbar is not visible in mobile, especially firefox

问题描述

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

How it is possible to make scroll bar visible in mobile devices. The script below make visible only in default Android browser. But in Firefox is not visible. In Chrome it is visible only when we touch the display. How it is possible to make is visible in all devices and browsers as well.

.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; 
}

推荐答案

是不是 :: - webkit-scrollbar 等效。请参阅： https://bugzilla.mozilla.org/show_bug.cgi?id=77790。

In case of Firefox, there is no ::-webkit-scrollbar equivalent. See: https://bugzilla.mozilla.org/show_bug.cgi?id=77790.

尝试使用jQuery插件（jScrollPane）。检查演示示例： http://jsfiddle.net/VYcDZ/51/

Try using a jQuery plugin (jScrollPane) instead. Check fiddle example for working demo: http://jsfiddle.net/VYcDZ/51/

这篇关于Bootstrap - 滚动条在移动设备中不可见，尤其是firefox的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！