css - 如何使 div 的滚动条始终可见？

Question

如何使我的 div 的滚动条始终可见？

.el {
  height: 100px;
  overflow: scroll;
  position: relative;
}

溢出:滚动 不工作。看来我的浏览器的 native 行为不允许这样做。 (我在 macOS 上。)

是否有一些解决方法？

附言滚动条在悬停时可见，但我需要它始终可见。

Answer 1

这是浏览器的问题，浏览器对这些元素有自己的样式。

如果滚动条隐藏，这是为了用户的舒适，你不能改变这个......

因此您可以尝试使用 jQuery 中的自定义滚动条插件使 div 可滚动，例如:

https://github.com/gromo/jquery.scrollbar

此插件在 javascript 中创建假滚动条并允许用户滚动到元素中。所以浏览器不会为这些滚动条应用他自己的规则，因为它们不是。