css - 连接到外部显示器时滚动条的行为会发生变化

Question

我有一个垂直菜单，可以使用 overflow-y: scroll 在 Y 轴上滚动.我在 MBP16 上，在 Chrome 和 Safari 上，这个 div 的滚动条只有在我悬停它时才会出现，looking like this

但是当我将 MBP16 连接到 1080p 显示器时，滚动条仍然可见且 with a different look .

我知道这可能是操作系统设置，但有什么解决方法吗？特别是让滚动条仅在悬停时显示。我已经试过了 overflow-y: hidden到常规 div 和 overflow-y: scroll到它的 :hover，但它保持不变。

Answer 1

自 setting the overflow to none and changing it to overflow scroll on hover没有为你工作，

我建议使用 Jquery 插件 nanoScrollerJS

它提供了一种为您的网站添加 Mac OS X Lion 样式滚动条的简单方法，仅在悬停时出现 按照你的要求。