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

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

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

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

参考链接

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

相关推荐
gyeolhada2 天前
Web: 基础知识、HTML、CSS、JavaScript(英文版--知识点学习/复习)
前端·javascript·css3·html5·web
明飞19872 天前
CSS基础1.1
css3
Deng9452013142 天前
快捷订餐系统
前端·css·css3
慧一居士3 天前
CSS和CSS3区别对比
前端·css3
凌辰揽月4 天前
7月10号总结 (1)
前端·css·css3
Eighteen Z4 天前
CSS揭秘:10.平行四边形
前端·css·css3
Liudef065 天前
儿童趣味记忆配对游戏
css·游戏·css3
吉吉安5 天前
两张图片对比clip功能
javascript·css·css3
知识分享小能手6 天前
Bootstrap 5学习教程,从入门到精通,Bootstrap 5 表单验证语法知识点及案例代码(34)
前端·javascript·学习·typescript·bootstrap·html·css3
码哥DFS8 天前
Flex布局原理
前端·css·css3