我创建了一个框,我想在左右方向上水平滚动内容,并且想要使用触摸进行滑动并隐藏滚动条,这里是工作区JSfiddle隐藏滚动条并用CSS左右滑动
我应该尝试使用任何JSplugin来处理这个问题,还是这件事很容易实现?请建议
.spotlight_graphs {
bottom: 30px;
clear: both;
left: 0;
margin-left: auto;
margin-right: auto;
max-width: 360px;
overflow: auto;
position: absolute;
right: 0;
width: 100%;
background-color:#cbcbcb;
overflow:auto;
padding:10px;
}
.spotlight_graphs > ul {
font-size: 0;
list-style: outside none none;
margin: 0;
padding: 0;
text-align:left;
width:200%;
}
.spotlight_graphs > ul > li {
max-width: 90px;
width: 33%;
display:inline-block;
background-color:#dec8c8;
height:100px;
margin:0 5px 5px 0;
border:1px solid #333333;
}
.spotlight_graphs > ul > li > .graph_detail {
color: #404040;
float: left;
font-size: 14px;
text-align: center;
text-transform: uppercase;
width: 100%;
}
This is dummy title This is dummy title This is dummy title This is dummy title This is dummy title
+0
在移动浏览器做,滚动条将不会显示在桌面浏览器。当您滑动时会出现一条细小的线条,插入其容器中,并且不会影响布局的任何内容。如果你愿意,你可以使用任何其他的jquery插件,例如/demo.html。 –