不在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)将使滚动条在不滚动时自动隐藏。