Javascript 如何在静态时隐藏滚动条，但在滚动时显示？

是否可以在静态时隐藏滚动条，但在滚动时显示

基于此，我尝试了下面的css，但是滚动条在滚动时不会显示

::-webkit-scrollbar { 
  display: none; 
}

Firefox上还有一个类似的功能，但Chromium没有

---

最好通过css实现此功能。

设置计时器以显示滚动条，在滚动事件中重置计时器并显示滚动条：

var el = document.body; // you can use the following code on any element
var showScrollbarTimeout = 0; // track the timeout function so that we can reset it later

function hideScroll () { el.style.overflow = "hidden"; }
function showScroll () { el.style.overflow = "visible"; }

function hideLater () { showScrollbarTimeout = setTimeout(hideScroll, 1000); }

hideLater();

el.onscroll = function () {
    clearTimeout(showScrollbarTimeout);
    showScroll();
    hideLater();
}

---

你不能像在JS中那样在纯CSS中添加“onscroll”侦听器，也没有任何滚动伪类，比如

：hover

，所以你必须使用JS。你的问题有进展吗？这很有效！谢谢：）