html - windows浏览器如何自动隐藏滚动条

Question

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

在 Windows 和任何浏览器上，滚动条总是可见的。它会造成丑陋的渲染。

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

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

Answer 1

我发现了一些东西!我从没想过它会如此简单:

.my-elem {
  overflow: hidden
} 

.my-elem:hover {
  overflow: auto
}