css样式中的滚轮事件和隐藏滚动条

css样式中的滚轮事件

最近滚轮事件，当时拿到项目第一反应就是用js/jq来写。结果写了一大堆代码，还要计算溢出情况。后来在同事的提醒下，发现自己犯了一个很严重的低级错误（居然忘了css中有现成的设置）。。。

只需要在最父级元素样式中加上overflow-y: scroll;overflow-x：hidden；就ok了

一阵凉风吹过。。。

在移动端中，为了增加页面中的弹性和用户的体验效果，建议增加属性-webkit-overflow-scrolling: touch;

当然，如果想要隐藏掉原滚轮条，使得美观效果更佳，可以在样式中增加element::-webkit-scrollbar {display: none;}就可以了。

积累知识很重要哇！