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

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

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

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

参考链接

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

相关推荐
java1234_小锋9 小时前
【技术专题】CSS3 网页技术 - CSS3 布局进阶
前端·css·css3
java1234_小锋12 小时前
【技术专题】CSS3 网页技术 - CSS3 视觉增强
前端·css·css3
东鹏特饮3 天前
本机状态监控页面html
运维·css·html·css3
java1234_小锋4 天前
【技术专题】CSS3 网页技术 - CSS3 基础样式
android·前端·css3
java1234_小锋4 天前
【技术专题】CSS3 网页技术 - CSS3 盒模型
前端·css·css3
java1234_小锋6 天前
【技术专题】CSS3 网页技术 - CSS3 单位、颜色、字体与文本
前端·css·css3
java1234_小锋6 天前
【技术专题】CSS3 网页技术 - CSS3 优先级
前端·css·css3
java1234_小锋9 天前
【技术专题】CSS3 网页技术 - CSS3 简介 & CSS 语法:选择器、属性、值、声明块
css3·1024程序员节
思码梁田9 天前
CSS 浏览器厂商前缀:从「写 5 遍」到现代自动化兼容
前端·css·css3·border-radius·1024程序员节·box-shadow·厂商前缀
feixing_fx9 天前
CSS Grid 入门:二维布局时代的降维打击
前端·css·前端框架·css3