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

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

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

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

参考链接

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

相关推荐
白嫖不白嫖2 天前
小游戏-记忆卡牌
css·html·css3
林的快手2 天前
CSS文本属性
前端·javascript·css·chrome·node.js·css3·html5
前端_学习之路2 天前
H5--开发适配
css3·html5
The_era_achievs_hero6 天前
放大镜效果
javascript·css·css3
烂蜻蜓7 天前
UniApp 中 margin 和 padding 属性的使用详解
前端·css·vue.js·uni-app·html·css3
JaHeng07237 天前
第三次作业
前端·css·css3
mbx07158 天前
Web第三次作业
前端·css·css3
Bl_a_ck8 天前
【CSS进阶】常见的页面自适应的方法
前端·css·less·css3·sass·html5·scss
无限大.8 天前
前端知识速记--css篇:CSS3中的常见动画及实现方式
前端·css·css3
咸虾米_10 天前
使用css3锥形渐变conic-gradient实现有趣样式
前端·css·css3·html5