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

Question

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

Answer 1

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

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

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