隐藏滚动条

兼容firefox，chrome，safari，IE10+

子容器宽度或高度超出父容器的宽高
html：

css:

.parent{
/*演示时加背景色*/
width:100px;
height:100px;
overflow-y: auto;/*高度超出，显示滚动条*/
}
.child{
/*演示时加背景色*/
width:100px;
height:200px;
}

这时垂直方向上出现滚动条
隐藏滚动条：

.parent::-webkit-scrollbar{
display:none;/* firefox */
width:0;
height:0;
}
.parent{
scrollbar-width: none;;/*chrome*/
-ms-overflow-style: none; /* IE10+ */
}