DIV如何在隐藏滚动条的同时又可以继续使用鼠标滚动

以一个div竖直方向滚动为例

<div class="app"></div>


<style>
.app{
    overflow-x:hidden;
    overflow-y:scroll;
}

.app::-webkit-scrollbar{
    display: none;
}
</style>