连接到外接显示器时滚动条行为发生变化

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 风格的滚动条的简单方法，该滚动条仅在悬停时出现，如您的要求。