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

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

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

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

参考链接

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

相关推荐
沙丁鱼意大利面11 小时前
五子棋(javascript)
javascript·css·css3
想起你的日子11 小时前
CSS3 弹性盒子(Flex Box)
前端·css3
萧曵 丶11 小时前
CSS3 业务开发高频样式
前端·css·css3
Y淑滢潇潇2 天前
WEB 作业 三个练习题
前端·javascript·css3
码上出彩3 天前
H5+CSS3响应式设计实战:基于Flex布局的适配方案
前端·css·css3
你说爱像云 要自在漂浮才美丽3 天前
【HTML5与CSS3】
前端·css3·html5
倪枫3 天前
CSS3——文本样式(字体样式和文本布局)
前端·css·css3
ヤ鬧鬧o.4 天前
HTML安全密码备忘录
前端·javascript·css·html·css3
光影少年5 天前
flex布局和grid布局区别,实现两边固定布局中间自适应
前端·css3·web·ai编程
Ulyanov5 天前
Impress.js深度解析
开发语言·前端·javascript·css3·impress.js