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

Question

我有一个垂直菜单，可以使用overflow-y: scroll在Y轴上滚动。我在MBP16上，在Chrome和Safari上，仅当我将鼠标悬停在looking like this

上时，该div的滚动条才会显示

但是，当我将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样式的滚动条提供了一种简便的方法，仅在您悬停时才会显示。