我創建了一個框，我想在左右方向上水平滾動內容，并且想要使用觸摸進行滑動并隱藏滾動條，這里是工作區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。 –

總結

以上是生活随笔為你收集整理的css3左右滑动不显示滚动条,隐藏滚动条并用CSS左右滑动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。