外层套一个overflow:hidden
parentBox
width: 318px;
//这里为了隐藏y轴的滚动条(Ie)
min-height: 48px;
display: flex;
overflow: hidden;
margin: 18px auto 17px 15px;
ChildBox
width: 318px;
min-height: 48px;
display: flex;
flex-direction: row;
justify-content: flex-start;
overflow: scroll;
&::-webkit-scrollbar {
// chrome safari
display: none;
}
overflow-x: scroll;
overflow-y: hidden;
/*解决ios上滑动不流畅*/
-webkit-overflow-scrolling: touch;
padding-bottom: 25px;