移动端横向滚动条
ul(给需要滚动的元素他的父元素添加) {
width: 100%;
height: 10vw;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
/* // 一定要加上overflow-y:hidden,不然还可以上下滑动
// 重点就是white-space 和 overflow-x的设置,
//white-space是为了不折行
// overflow-x: scroll是为了出现滚动轴 */
display: flex;
align-items: center;
box-sizing: border-box;
}
移动端横向滚动条
最新推荐文章于 2024-09-11 21:44:44 发布