失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html设置鼠标不能上下滚动条 鼠标上下滚动内容左右滚动不显示滚动条

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

时间:2020-07-29 04:08:37

相关推荐

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

}

如果觉得《html设置鼠标不能上下滚动条 鼠标上下滚动内容左右滚动不显示滚动条》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。