添加横向滚动条
ul {
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
隐藏滚动条,保留滚动效果
ul::-webkit-scrollbar {
display: none;
}
这里要注意,如果ul用到了flex布局,她的子元素设置宽度可能无效
添加横向滚动条
ul {
display: flex;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
隐藏滚动条,保留滚动效果
ul::-webkit-scrollbar {
display: none;
}
这里要注意,如果ul用到了flex布局,她的子元素设置宽度可能无效