怎么用CSS给html加横向滚动条并且隐藏竖向滚动条

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么用CSS给html加横向滚动条并且隐藏竖向滚动条相关的知识,希望对你有一定的参考价值。

参考技术A

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建一个html文件,例如:index.html。

2、在index.html中的<body>标签中,输入样式代码:style="overflow-x: scroll; 。

3、浏览器运行index.html页面,此时html会有横线滚动条,并且隐藏了纵向滚动条。

tab导航栏横向滚动条-tabScroll

参考技术A 在vue中使用css实现的tab横向滚动条,效果如图:

以上是关于怎么用CSS给html加横向滚动条并且隐藏竖向滚动条的主要内容,如果未能解决你的问题,请参考以下文章

div 如何加滚动条

怎么CSS中6张图片横向一行排列 并且要求在下方添加滚动条

CSS怎么隐藏滚动条

el-scrollbar隐藏横向滚动条

CSS如何隐藏滚动条?

css 怎么设置内容滚动,滚动条隐藏