移动端出现横向滚动条,css添加纵向滚动条

功能由来

　　最近，我需要一个水平滚动条来制作H5。看了一些文档，最后决定自己写一个，可以兼容移动和PC的。

HTML

　　 body div class= nav A href= # nav 1/A A href= # nav 2/A A href= # nav 3/A A href= # nav 4/A href= # nav 6/A href= # nav 7/A href= # nav 8/A href= # nav 9/A href= # nav 10/A href行高：50px/*段落中的文本不换行*/white-space:nowrap；/* shadow */box-shadow:0 1px 2px rgba(0，0，0，0，0.2)；/*设置水平滚动*/overflow-x:scroll；/*无垂直滚动*/overflow-y:隐藏；/*文本平铺*/text-align:justify；/*背景色*/background:# f4f5f 6；填充：0px 5px边距-底部：10px/*将边距更改效果设置为shrink */box-sizing:border-box；}.nav a { color:# 505050；/*取消下划线超链接*/text-decoration:无；边距：auto 10px}.nav:-webkit-scrollbar {/*隐藏滚动条*/display:none；}水平滚动导航容易实现吗？

　　关于移动端水平滚动导航条的CSS实现的这篇文章到此为止(也适用于PC端)。更多相关CSS水平滚动导航条内容，请搜索之前的文章或继续浏览以下相关文章。希望你以后能支持我！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。