我试图模仿的行为overflow-y:hidden来overflow-x,但它不具有相同的行为方式.overflow-x:hidden不允许滚动(通过拖动鼠标).
请参阅:http://jsfiddle.net/Gxm2z/
#container {
width: 300px
}
#modules {
height: 50px;
padding: 5px;
white-space: nowrap;
overflow-y: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
.module {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #ddd;
}
Run Code Online (Sandbox Code Playgroud)
如果没有滚动条,我怎样才能获得相同的结果?我没关系javascript/jQuery插件.
计划是使用箭头,也许是自定义滚动条