antd 左右滑动_实现横向滚动条的2种方法示例

前言：

在项目开发中，遇到了一个需求，实现一行上的导航栏过多使其产生横向滚动条。一开始做项目，给的时间太短又着急，觉得网上有现成的，去搜发现没有，只好自己去写，一开始用的是平常css+js实现功能，之后学习了flex布局，所以又想到了用flex实现横向滚动条。两种方法，记录下来，供以后借鉴。

正文：

两种方法各有各的好处，如果不考虑兼容性问题，还是用flex吧，毕竟还是喜欢那一句话：Write Less，Do More。哈哈

html：

一 原始css + jquery 实现横向滚动条(原生js可以实现，为了方便才用的jQuery)

css：

* {

box-sizing: border-box;

margin: 0;

padding: 0

}

.nav_wrap{

overflow-x: scroll;

}