css3左右滑动不显示滚动条,隐藏滚动条并用CSS左右滑动

我创建了一个框，我想在左右方向上水平滚动内容，并且想要使用触摸进行滑动并隐藏滚动条，这里是工作区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插件，例如http://nicescroll.areaaperta.com/demo.html。 –