例:
001.jpg
002.jpg
*{
list-style: none;
padding: 0;
margin: 0;
box-sizing:border-box;
font-size: 14px;
color: #333;
}
.systemSelect{
width: 340px;
height: 38px;
position: relative;
padding-top: 8px;
padding-left: 4px;
border:1px solid #32b16c;
float: left;
}
.scrollNavBox{
height: 20px;
width: 100%;
overflow: hidden;
}
.scrollUnitNav{
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.scrollUnitNav ul{
width: 560px;
min-width: 100%;
}
.scrollUnitNav ul li{
float: left;
margin: 0px 2px 0px 0px;
padding: 0px 0px;
}
.scrollUnitNav ul li:after{
content: "/";
color: #ccc;
background: none;
vertical-align: top;
display: inline-block;
width: 10px;
height: 14px;
margin-left: 3px;
}
.scrollUnitNav ul li a{
padding: 2px 4px;
border-radius: 2px;
border: none;
color: #333;
margin: 1px;
cursor: pointer;
}
window.onload = function(){
// 设置nav导航滚动+++++++++++++++++++
var horwheel = require('horwheel'),
view = document.getElementById('scrollUnitNav');
horwheel(view,120);
}