css隐藏移动端滚动条并平滑滚动
导读： HTML代码如下 移动端隐藏滚动条解决方案 *{ padding:0; margin:0; } .par-typ...
HTML代码如下
移动端隐藏滚动条解决方案
*{
padding:0;
margin:0;
}
.par-type{
height:50px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
overflow:hidden;
}
.type{
height:100%;
overflow-x:scroll;
overflow-y:hidden;
background-color:#999;
}
.con{
width:640px;
height:100%;
display:flex;
align-items:center;
}
.con>
li{
text-align:center;
font-size:16px;
width:80px;
color:#fff;
list-style:none;
}
.par-type::-webkit-scrollbar{
display:none;
}
- 推荐
- 娃娃
- 日用品
- 美妆护肤
- 娃娃
- 日用品
- 美妆护肤
- 娃娃
- 推荐
- 娃娃
- 日用品
- 美妆护肤
- 娃娃
- 日用品
- 美妆护肤
- 娃娃
本文转载自中文网
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： css隐藏移动端滚动条并平滑滚动
本文地址： https://pptw.com/jishu/664709.html