1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > css3左右滑动不显示滚动条 隐藏滚动条并用CSS左右滑动

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

时间:2021-04-19 00:12:57

相关推荐

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插件,例如/demo.html。 –

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。