web端如何实现滚轮滑动时显示滚轮,而静止时隐藏滚轮

注意,我问的不是网上所说的隐藏滚轮之后仍然可以滚动页面内容,而是实现像在手机上一样的,滚轮滑动时显示滚轮,滚轮静止时隐藏,求大神帮忙指导一下

说实话我不是大神,这里个人提供两种思路:
1. 直接通过JS的鼠标滚轮事件来处触发显示隐藏,但是这种方法需要考虑兼容性,目测IE和火狐不一样。还有,是不是还需要考虑用户通过键盘上下键来进行滚动?那么还要添加键盘事件。

2.因为题主需要的是隐藏显示滚轮,而不是禁止滚动。那么我们是不是可以在页面放一个隐藏或者透明的为0的div?然后通过判断该div的位置是否有变化来改变滚轮的显示隐藏。可以给个计时器或者vue的话就使用watch。

PS:以上回答默认题主CSS/JS完全OK