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

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

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

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

参考链接

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

相关推荐
少年阿闯~~2 天前
CSS3的新特性
前端·javascript·css3
恶猫3 天前
javascript文本长度检测与自动截取,用于标题长度检测
javascript·css·css3·js·自动检测·文本长度
degree5203 天前
CSS :has() 选择器详解:为什么它是“父选择器”?如何实现真正的容器查询?
前端·css·css3
BillKu4 天前
Vue3中app.mount(“#app“)应用挂载原理解析
javascript·vue.js·css3
乖女子@@@5 天前
css3新增-网格Grid布局
前端·css·css3
BUG创建者5 天前
html获取16个随机颜色并不重复
css·html·css3
不爱编程的小方6 天前
响应式布局
前端·css3
Async Cipher6 天前
CSS 居中
前端·css·css3
咔咔一顿操作6 天前
【CSS 3D 交互】实现精美翻牌效果:从原理到实战
前端·css·3d·交互·css3
遗憾随她而去.6 天前
css3的 --自定义属性, 变量
前端·css·css3