Javascript overflow-y:隐藏，但应启用鼠标滚动

我使用了

overflow-y:hidden在我的css中禁用垂直滚动条。但我仍然需要允许用户通过鼠标滚轮上下滚动

如何仅允许鼠标滚轮垂直滚动，但使用
overflow-y:hidden删除显示滚动条

欢迎提出任何建议。：）
 我想你想在没有JS的情况下实现这一点

如果是这种情况，一种方法是通过将滚动条偏移到父/包装器元素之外来隐藏滚动条。例如：

HTML:

试试这个：

在css/scss文件中，添加到可滚动且没有滚动条的主组件。
在我的例子中，它是“page_customers”：

page_customers {

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

    /*... some css/scss ...*/

}

.wrapper{
    height:200px;
    width: 100px;
    overflow: hidden;
}

.child{
    width: 100%;
    box-sizing: content-box;
    padding-right: 25px; //This amount will differ depending on browser. It represents the width of the scrollbar
    overflow-y: scroll;

}

page_customers {

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

    /*... some css/scss ...*/

}