javascript - 不在 Android 网页上滚动时，CSS 自动隐藏滚动条

Question

有没有办法让滚动条在用户不在 Android 设备上滚动网页时自动隐藏，但在滚动时使其可见？

请注意，Firefox 浏览器默认启用此行为，只有 Chrome 和普通(三星、HTC)浏览器不启用。

这是我目前拥有的:

-webkit-box-flex: 1;
width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;

而且我总能在列表中看到滚动条(ffox除外)

Answer 1

经过更多的谷歌搜索，我在 stackoverflow 上发现了这个问题: Overflow:scroll elements on android and native scrolling, -webkit-overflow-scrolling: touch

因此，使用 -webkit-transform:translatez(0) 将使滚动条在不滚动时自动隐藏。