js如何隐藏浏览器滚动条却能保持内容滚动?

尝试了
document.documentElement.style.overflowY = 'hidden';
隐藏了滚动条但内容不能滚动了。
或是

    ::-webkit-scrollbar {
        width: 0px;
    }

但是只有 chrome 能用。

请问有没有办法隐藏浏览器滚动条却能保持内容滚动?

还有能不能通过JS获取或者更改 滚动条(不是scrollHeight,而是那个bar的高度)的高度?

https://segmentfault.com/q/1010000004454264

是不是有插件可以实现这样的

添加mousewheel事件,然后设置document.body(backCompat或者webkit核心)或者document.documentElement(CSS1Compat模式)的scrollTop属性

javascript鼠标滚轮滚动事件

找到滚动事件,控制属性即可

重写滚动条的样式,把滚动条的设置成透明的