【问题标题】: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/

【讨论】:

    猜你喜欢
    • 2020-11-03
    • 2019-04-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-07-29
    • 1970-01-01
    相关资源
    最近更新 更多