核心提示：移动端横向可滑动bavbar的代码实现1.例子父元素{width: 100%;height: 3.5rem;overflow-x: scroll;white-space: nowrap; //可以强制...
移动端横向可滑动bavbar的代码实现
1.例子
父元素{
width: 100%;
height: 3.5rem;
overflow-x: scroll;
white-space: nowrap; //可以强制目前布局而不让子元素自动换行
}
子元素{
width: 4rem;
height:3rem;
dispaly: inline-block;
}
2.隐藏‘滑动bar’
给父元素套个壳子,隐藏的原理就是实际显示比父元素小的高度 就看不见‘滑动bar’了(壳子3rem，父元素3.5rem)
壳子{
overflow: hidden;
height: 3rem;
}
