CSS中"overflow:scroll"默认是左右上下,都可以滚动
其实可以单独设置左右和上下
overflow-x: hidden;
overflow-y: scroll;
很明显 X 代表的是坐标系里的 X 轴，即水平方向，代表左右的滚动条； 而 Y 代表的是坐标系里的 Y 轴，即垂直方向，代表上下的滚动条。
overflow-x: hidden； --- hidden 隐藏左右的滚动条，
overflow-y: scroll； --- scroll 显示垂直方向的滚动条。
那如何让滚动效果存在的同时又不显示滚动条：
.list::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
// 加个伪类样式，并把它变透明，即可让滚动条隐藏
}
加个伪类样式，并把它变透明，即可让滚动条隐藏 ！
