在Chrome上实现了页面的鼠标滚轮事件,但是在Firefox上会出先横向和纵向滚动条,如果设置存放内容的容器overflow:hidden;会导致滚轮事件失效,因此不能通过这种方式直接实现。想到一个间接实现的方式,就是将width设置的超出范围比如103%,这样就可以将纵向滚动条顶出页面,就变相实现隐藏滚动条了。。
需要将body设置overflow:hidden;容器设置overflow:hidden;overflow-y:auto;width:102%;
20190111更新
上面的方法还是会有弊端,当没有出现滚动条时,由于width设置的比实际大,显示的内容可能会有问题,针对火狐有一个属性可以设置滚动条的width为none,测试在FF64上有效:
scrollbar-width: none;