Html
    Css
    Js

    
                        
#tablebox{
	width: 500px;
	background:#FCC;
	overflow-y: hidden;
	overflow-x: auto;
}
#tablebox td {
    border: 1px solid #CCC;
    border-width: 0 1px 1px 0;
    padding: 4px 5px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    text-align: left;
}

#table{
	border-collapse: 0;
	border-spacing: 0;
}
#table tr{
	background-color: #fff;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

鼠标滚轮横向滚动

项目中遇到的一个需求,可惜跟别的JS冲突没用上,留做参考;

scroll_width 是滚动的速度

0