html设置鼠标不能上下滚动条,鼠标上下滚动内容左右滚动不显示滚动条

例：

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);

}