ie浏览器网页滚动条怎么隐藏（浏览器隐藏滚动条（不影响内容滚动））
导读：系列文章目录 一、背景和效果图如下：...
系列文章目录
一 、背景和效果图如下：
1.背景
场景：开发过程中遇到 ，在同一个弹窗中 ，分两栏可以滚动 ，如果两个添加了overflow-y:scroll 就会出现超级难看的一个效果如下的效果
！！！！！！所以这里想要去消除滚动条！！！！！！！
2.设置属性前效果图：
2.设置后效果图：
提示：以下是本篇文章正文内容 ，下面案例可供参考
二 、直接通过CSS修改样式 ，保存滑动功能
1.全局设置滚动条如下（所有的都被隐藏）
Css代码如下
这里使用的是scroll的伪元素 解决了scroll的样式问题 ，并且可以消除滚动条的样式
::-webkit-scrollbar { display: none; }效果图如下
2.给某一个元素设置如下
Css代码如下
这里就相当于给类名为box的元素盒子去除scroll的样式
.box::-webkit-scrollbar { display: none; }效果图如下
三 、这里还有一种方法
1 、通过padding将scroll移出视图（感兴趣可以自己去查一下 ，个人感觉没必要了解）
总结
文章如果有不完整 ，或者错误的地方 ，都可以留言指正 ，虚心向大家请教！！1
希望文章可以帮助大家解决问题 ，同时也希望大家有问题 ，可以私信我 ，有时间都会回复大家的！！！！！！大家一起加油💪💪💪💪
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！