前端 CSS - 如何隐藏右侧的滚动条 -关于出现过多的滚动条导致界面不美观

最新推荐文章于 2024-08-20 11:07:04 发布

沐修

最新推荐文章于 2024-08-20 11:07:04 发布

阅读量1.3k

点赞数 2

分类专栏： Vue CSS Html 文章标签： css3

本文链接：https://blog.csdn.net/qq_42701659/article/details/132582177

版权

Vue 同时被 3 个专栏收录

38 篇文章 4 订阅

订阅专栏

Html

7 篇文章 0 订阅

订阅专栏

CSS

6 篇文章 0 订阅

订阅专栏

1、配置 HTML 标签，隐藏右侧的滚动条

CSS 配置：下面两个一起写进进去，适配 IE、火狐、谷歌浏览器

html {
        /*隐藏滚动条，当IE下溢出，仍然可以滚动*/
        -ms-overflow-style:none;
        /*火狐下隐藏滚动条*/
        overflow:-moz-scrollbars-none;
    }
    
/*Chrome下隐藏滚动条，溢出可以透明滚动*/
html::-webkit-scrollbar{width:0px}