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

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

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

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

参考链接

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

相关推荐
辞忧九千七6 小时前
前后端分离架构实战与项目落地:AI智能学习笔记管理系统
python·html·axios·css3·fastapi·dify
rising start8 小时前
InsightEdu - 轻量智能学习平台
javascript·axios·css3·html5·fastapi·orm·dify
DFT计算杂谈2 天前
AMSET 设置多核并行计算
java·前端·css·html·css3
摇滚侠2 天前
12 移动端 WEB 前端 WEB 开发 HTML5 + CSS3 + 移动 WEB
前端·css3·html5
gCode Teacher 格码致知3 天前
Javascript提高:canvas画布的网格背景-由Deepseek产生
javascript·css·css3
gCode Teacher 格码致知3 天前
Javascript提高:使用canvas绘制一个绚丽的按钮-由Deepseek产生
javascript·css·css3
哆哆啦003 天前
CSS 选择器优先级计算规则
前端·javascript·css3
爱上好庆祝5 天前
学习js的第七天(wed APIs的开始)
前端·javascript·css·学习·html·css3
AZaLEan__5 天前
CSS3:从 2D 变换到 3D 翻转
前端·3d·css3
一起养小猫6 天前
HTML5+CSS3+JavaScript实现高木同学圣诞树GalGame完整开发指南
javascript·css3·html5·galgame