css + HTML 实现京东app左右拖动导航栏

css + HTML 实现京东app左右拖动导航栏
也可实现图片左右拖动（原理一样的）

京东app左右拖动导航栏效果：

图片左右拖动效果：


只写导航栏如下，因为图片原理一样

只需css定义两个盒子模型，一个父盒子showchose，一个子盒子showchose1

在父盒子中添加如下代码：

使盒子内溢出隐藏，块元素不能自动换行

overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: nowrap;
  overflow-x: auto;

子盒子被套在父盒子里即可

html引用：

<div class="showchose" id="showchose">
					<div  id="nav" >
					<div id="Chose1" class="showchose1"><b>精选配件</b></div>
					<div id="Chose2" class="showchose1"><b>手机壳</b></div>
					<div id="Chose4" class="showchose1"><b>充电器</b></div>
					<div id="Chose3" class="showchose1"><b>耳机</b></div>
					<div id="Chose3" class="showchose1"><b>手机贴膜</b></div>
					<div id="Chose3" class="showchose1"><b>移动电源</b></div>
					
					</div>
				</div>