如何在 Windows 浏览器上自动隐藏滚动条

Question

我有几个带有overflow: auto. 它工作得很好。在 macOS 上，当用户不滚动时滚动条会自动隐藏并出现在滚动条上。

在 Windows 和任何浏览器上滚动条始终可见。它产生了丑陋的渲染。

那么当用户不滚动时，如何在每个操作系统和每个浏览器上自动隐藏滚动条？

我知道有很多类似的问题，但我还没有找到合适的答案

Answer 1

我发现了一些东西！我从未想过它会如此简单：

.my-elem {
  overflow: hidden
} 

.my-elem:hover {
  overflow: auto
}