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

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

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

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

参考链接

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

相关推荐
没有钱的钱仔8 小时前
STM32低功耗模式全面指南
css·stm32·css3
涔溪1 天前
HTML5 实现的圣诞主题网站源码,使用了 HTML5 和 CSS3 技术,界面美观、节日氛围浓厚。
css3·html5·节日
失落的多巴胺2 天前
使用deepseek制作“喝什么奶茶”随机抽签小网页
javascript·css·css3·html5
哎呦你好2 天前
【CSS】Grid 布局基础知识及实例展示
开发语言·前端·css·css3
路光.16 天前
加载动画
css·html·css3
年纪轻轻就扛不住16 天前
css3 文本效果(text-shadow、text-overflow、word-wrap、word-break)文本阴影、文本换行、文本溢出并隐藏显示省略号
前端·word·css3
陶甜也16 天前
threejs 实现720°全景图,;两种方式:环境贴图、CSS3DRenderer渲染
前端·vue.js·css3·threejs
sunshine64117 天前
【CSS】实现文本颜色渐变
css·html·css3
青鸾@18 天前
照片墙html
css·html·css3
JiaLin_Denny18 天前
css3 背景色渐变
css3·背景色·线性渐变·linear-gradient·背景色渐变