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

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

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

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

参考链接

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

相关推荐
西洼工作室6 天前
浏览器事件循环与内存管理可视化
前端·javascript·css·css3
皮蛋瘦肉粥_1218 天前
pink老师html5+css3day06
前端·css3·html5
whltaoin8 天前
中秋赏月互动页面:用前端技术演绎传统节日之美
前端·javascript·html·css3·中秋主题前端
皮蛋瘦肉粥_12113 天前
pink老师html5+css3day02
前端·css3·html5
qianmo202113 天前
基于any2web+deepseek实现对三角函数定义的理解
css·html·css3
我不是程序媛lisa15 天前
前端正确处理“文字溢出”的思路与最佳实践
前端·css3
患得患失94921 天前
【ThreeJs】【HTML载入】Three.js 中的 CSS2DRenderer 与 CSS3DRenderer 全面解析
javascript·html·css3
少年阿闯~~1 个月前
CSS3的新特性
前端·javascript·css3
恶猫1 个月前
javascript文本长度检测与自动截取,用于标题长度检测
javascript·css·css3·js·自动检测·文本长度
degree5201 个月前
CSS :has() 选择器详解:为什么它是“父选择器”?如何实现真正的容器查询?
前端·css·css3