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

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

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

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

参考链接

1. 网页设计之隐藏浏览器垂直的滚动条

相关推荐
程序员刘禹锡3 天前
浮动以及导航条和简单布局!!!(12.29日)
css·html·css3
lcc1874 天前
CSS3 2D变换
css3
lcc1874 天前
CSS3 新增渐变
css3
lcc1874 天前
CSS3 新增背景属性
css3
lcc1874 天前
CSS3 新增文本属性
css3
wei yun liang4 天前
4.数据类型
前端·javascript·css3
lcc1875 天前
CSS3 新增盒子属性
css3
_码力全开_5 天前
第一章 html5 第一节 HTML5入门基础
前端·javascript·css·html·css3·html5
KLW755 天前
vue v-if和v-show比较
前端·css·css3
旧梦吟6 天前
脚本网站 开源项目
前端·web安全·网络安全·css3·html5