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

CSS autohide scrollbar when not scrolling on Android webpage

本文关键字：滚动 Android 网页 隐藏 滚动条 CSS      更新时间：2023-09-26

是否有一种方法可以使滚动条自动隐藏当用户在Android设备上不滚动网页时，但使其在滚动时可见?

请注意，Firefox浏览器默认启用此行为，只有Chrome和股票(三星，HTC)浏览器没有。

这是我目前拥有的:

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

我总能在列表中看到滚动条(除了在fofox中)

经过更多的谷歌搜索，我在stackoverflow上发现了这个问题:-webkit-overflow-scrolling: touch

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

相关文章：