css - 在 Mac OS X 上的 Firefox 中强制显示滚动条

标签 css firefox gecko

Firefox 24 引入了 Lion 滚动条支持。这将在 Mac OS X 上以 Lion 样式显示滚动条。请参阅:https://wiki.mozilla.org/Lion_Scrollbars/Triage

这给我带来了一个问题:div 上的滚动条现在默认隐藏。有时我想强制显示滚动条。

对于 WebKit 有一个很好的解决方案(在 https://davidwalsh.name/osx-overflow 中提到):

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

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

有人知道如何在 Mac OS X 上的 Firefox 24(及更高版本)中强制显示滚动条吗?

是否有任何与 webkit 滚动条匹配的嵌入式 javascript 滚动条?

最佳答案

作为用户 thirddot explained在另一个问题中,无法像在 Chrome 中那样在 Firefox 中自定义滚动条。

此外,由于系统中使用的默认滚动条由操作系统本身预定义 (请注意,您可以在系统偏好设置中修改您想要的滚动条)

换句话说,在 Firefox 支持原生自定义滚动条之前,它只能通过 JavaScript 插件实现,例如 jScrollPane。和类似的。

关于css - 在 Mac OS X 上的 Firefox 中强制显示滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18317634/

相关文章:

Javascript:遍历 ID -> 无法设置 null javascript 的属性 'onclick'

css - React JS 中的悬挂缩进

在 selenium webdriver 中运行测试时,Firefox Webdriver 被禁用

html - Firefox 无法使用 HTML5 播放 .webm 和 .ogv 视频

javascript - Thunderbird,如何以编程方式选择第一个选项卡?

javascript - 使用javascript动态添加图像src

javascript - Firefox AddEventListener 问题

html - 为什么在处理行内 block 元素时,Gecko 和 Blink 的高度计算如此不一致?

html - 我想显示不透明度 :1 for input[type ="number"] placeholders

css - 为什么grid-gap会更改CSS Grid中列的宽度?